Flutter 常用功能

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 的属性以实现不同的布局效果。