Flutter 学习小结【一】

image.png

1 Flutter 可以让子控件自动换行的控件

widget buildExampleWidget{
 return Wrap(
      spacing: 2, //主轴上子控件的间距
      runSpacing: 5, //交叉轴上子控件之间的间距
      children: Boxs(), //要显示的子控件集合
    );
}

在column中换行，用Expanded(),并且column中每一层都需要写Expanded(),直到最深的组件。

2 Flutter 中 %1$s 的用法

// 文案：'%1$s days'
String getDays(NewGoods goods){
  return sprintf('%1$s days',['${1}']);//${}该形式为flutter中再文本中引用变量等的方法
}

3 Flutter 加延迟

            Future.delayed(const Duration(milliseconds: 500), () {
                // Here you can write your code
              setState(() {
                // Here you can write your code for open new view
                
              });
            });

4 Flutter 显示隐藏的组件：

1.
Visibility(
  child: Text("不可见"),
  maintainSize: true, 
  maintainAnimation: true,
  maintainState: true,
  visible: false, ), //false 为不可见
2.
 Offstage(
    offstage: true,   // 当为true时,将隐藏组件且不保留空间位置
    child: Text(""),
  )

5 Flutter 修改状态栏字体颜色

//第一种方式：
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);
第二种方式：
//AppBar(
  brightness: Brightness.light,//这句代码决定状态栏字体颜色，删除之后就是白色，加上就是黑色。
)

6 Flutter Run/Console中的find快捷键设置(Windows格式的可以不用设置，如果eclipse格式用习惯了要继续使用则需要设置)
logcat 和 Console 中的find快捷键需要手动设置，ctrl/command+F,一般情况下都是Replace快捷键,如下图：

image.png
image.png