Flutter 常用功能备忘:
1、EasyLoading 加载框的一些属性:
EasyLoadingMaskType:
none: 默认蒙版类型,允许用户在加载显示时进行交互。即加载框显示时,底部页面仍可以接受用户的点击事件。
clear: 不允许用户在加载显示时进行交互。加载框显示时,底部页面被覆盖,用户无法点击底部页面上的任何元素。
black: 不允许用户在加载显示时进行交互。加载框显示时,底部页面被覆盖,用户无法点击底部页面上的任何元素。与 clear 类似,但蒙版的颜色是黑色。
custom: 自定义蒙版类型,此时需要设置 maskColor 属性来定义蒙版的颜色。加载框显示时,底部页面被覆盖,用户无法点击底部页面上的任何元素。
备注:需要重新编译运行才能看出区别
2、warp
Wrap 是 Flutter 中的一个布局控件,它用于在水平或垂直方向上包裹其子控件,自动换行并适应可用空间。Wrap 可以用于创建流式布局,适合在有限的空间内显示多个子控件,当空间不足时,自动换行以容纳更多的子控件。
以下是 Wrap 控件的一些常见属性和用法:
direction:指定子控件的排列方向,可以是 Axis.horizontal(水平方向)或 Axis.vertical(垂直方向)。
dart
Copy code
Wrap(
direction: Axis.vertical, // 设置为垂直方向排列子控件
children: [...],
)
alignment:指定子控件在主轴上的对齐方式,可以是 WrapAlignment.start、WrapAlignment.center、WrapAlignment.end 等。
dart
Copy code
Wrap(
alignment: WrapAlignment.center, // 子控件在主轴上居中对齐
children: [...],
)
spacing:指定子控件之间的间距。
dart
Copy code
Wrap(
spacing: 8.0, // 子控件之间的水平间距为 8.0 像素
children: [...],
)
runSpacing:指定子控件在换行方向上的间距。
dart
Copy code
Wrap(
runSpacing: 8.0, // 子控件在垂直方向上的间距为 8.0 像素
children: [...],
)
children:包含要显示的子控件的列表。
dart
Copy code
Wrap(
children: [
// 子控件列表
// ...
],
)
runAlignment:指定子控件在换行方向上的对齐方式,可以是 WrapAlignment.start、WrapAlignment.center、WrapAlignment.end 等。
dart
Copy code
Wrap(
runAlignment: WrapAlignment.end, // 子控件在垂直方向上末行对齐
children: [...],
)
Wrap 控件非常适合用于构建标签、标签云、流式布局等需要动态适应空间的界面元素。您可以根据实际需求配置 Wrap 的属性以实现不同的布局效果。