Flutter基本概念
- 一切皆是Widgets
- 多组件容器(Row、Column、Stack、Wrap)
- 单组件容器(Container、Padding、Center、Align)
- Flutter组件的规律
Widgets状态
-
stateful(有状态)
-
stateless(无状态)
-
注意:
- 创建一个Stateful Widget需要两个类,分别继承自StateFulWidget和State
- state对象包含了widget的state和widget的build()方法
- 当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); 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