2020-11-03

Flutter 学习打卡 2020-11-03 02

1. 快速创建 Widget

stle ------> 快速创建StatelessWidget

   class haahh extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Container(
      
      );
      }
}

stful ------> 快速创建StatefulWidget

class 输入类名称自动填充  extends StatefulWidget {
  @override
  _输入类名称自动填充State createState() => _输入类名称自动填充State();
}

class _输入类名称自动填充State extends State<输入类名称自动填充> {
  @override
  Widget build(BuildContext context) {
    return Container(
      
    );
  }
}

2. 方法名, widget等等 光标选中, command + ., 可以进行快捷操作

image.png

image.png

wrap 相关快捷操作, 意为将现有代码块放入新的代码块中
extract 为 提取当前代码, 独立出来成为一个新的方法/变量/widget
convert 为, 将当前类或widget, 转换成其他的, 比如statelesswidget转换成statefulwidget

3. listView布局

list进行列布局时,要考虑到需要撑起足够的大小,否则代码运行报错

children: [
          Text("let me see see"),
          Expanded(
            child: ListView(
              children: list,
            ),
          )
        ],