Flutter 空安全的糖果罐
在Flutter中,空安全是一项重要特性,它可以帮助开发者避免空指针异常等问题。对于一个具有"糖果"的功能,我们可以创建一个可重用的空安全的"糖果罐"小部件。
以下是一个简单的示例,展示了如何创建一个空安全的"糖果罐"小部件:
import 'package:flutter/material.dart';
class SugarContainer extends StatelessWidget {
final Widget child;
const SugarContainer({Key? key, required this.child}) : super(key: key);
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(8.0),
margin: const EdgeInsets.symmetric(vertical: 8.0),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.secondary.withOpacity(0.3),
borderRadius: BorderRadius.circular(10.0),
),
child: child,
);
}
}
// 使用示例
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: SugarContainer(
child: Text('这是一个糖果'),
),
),
),
);
}
}
在这个示例中,SugarContainer
类是一个无状态的小部件,它接受一个子小部件作为输入并在一个Container
中呈现它。这个小部件使用了当前主题的次要颜色,并对其进行了透明度的调整。这个小部件可以被用在你的应用中来创建一个可重复使用的、带有糖果壳的界面元素。
评论已关闭