Flutter基本概念

• 一切皆是Widgets
• 多组件容器（Row、Column、Stack、Wrap）
• 单组件容器（Container、Padding、Center、Align）
• Flutter组件的规律

Widgets状态

• stateful（有状态）

• stateless（无状态）

• 注意：

  1. 创建一个Stateful Widget需要两个类，分别继承自StateFulWidget和State
  2. state对象包含了widget的state和widget的build()方法
  3. 当widget的state改变的时候，当调用setState()方法时，框架就会去调用build方法重绘widget

• Code示例

  void main() => runApp(MyStatelessWidget(text:"StatelessWidgetExample"));
  class MyStatelessWidget extends StatelessWidget {
      final String text;
      MyStatelessWidget ({Key key, this.text}):super(key:key);
      
      @override
      Widget build(BuildContext context){
          return Center(
              child: Text(
                  text,
                  textDirection:TextDirection.ltr,
              ),
          );
      }
  }
  

运行和调试

• 打印日志

• 断点

• Dev Tool

VSCode插件

• Flutter

• Dart

• Flutter Widget Snippets

• bracket-pair-colorizer-2.colors

Flutter常用命名

• flutter doctor

• flutter create xxx

• flutter run -d iPhone

• flutter build xxx

• flutter devices

• flutter config