1、flutter 修改状态栏的颜色
SystemUiOverlayStyle systemUiOverlayStyle =
const SystemUiOverlayStyle(statusBarColor: Colors.transparent);
SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
2、各个常用组件
基础组件:
Text 用于显示简单样式文本。
ElevatedButton"漂浮"按钮、TextButton文本按钮、OutlinedButton边框按钮、IconButton图标按钮。
Image组件来加载并显示图片,Image的数据源可以是asset、文件、内存以及网络。
单选开关Switch和复选框Checkbox。
TextField用于文本输入。
LinearProgressIndicator和CircularProgressIndicator,它们都可以同时用于精确的进度指示和模糊的进度指示。
布局类组件:
Row和Column来实现线性布局,类似于Android 中的LinearLayout控件。
Wrap组件类似Android 中的流式布局,常用在一些标签、推荐、搜索记录功能上。
Stack和Positioned这两个组件来配合实现绝对定位。Stack允许子组件堆叠,而Positioned用于根据Stack的四个角来确定子组件的位置,和Android 中的 Frame 布局是相似的。
容器类组件:
Container是一个拥有绘制、定位、背景色、调整大小的 widget,是开发中最常用、最基础的组件。
Padding可以给其子节点添加填充(留白),和边距效果类似。
BoxDecoration可以设置阴影、圆角、边框、背景渐变等。
3、bottomSheet更新流数据需要使用 GetBuilder 来渲染数据 来解决弹窗数据不能实时更新的问题
GetxController 绑定数据的几种方法
CountController countController = Get.put(CountController());
或者
final CountController countController = Get.find();
//方法一
Obx(()=>Text("${countController.count}",style:
Theme.of(context).textTheme.headline1)),
//方法二
GetBuilder<CountController>(
init: countController,
builder: (controller) {
return Text(
"${controller.count}",
style: const TextStyle(color: Colors.green, fontSize: 30),
);
},
)