初识 Flutter
Flutter 文件目录
需要注意的文件夹
| 文件夹 | 用途 |
|---|---|
| android | android 平台相关代码 |
| ios | ios 平台相关代码 |
| lib | flutter 相关代码，存放源码的地方 |
| test | 用于存放测试代码 |
| pubspec.yaml | 配置文件，一般存放一些第三方库 |
Flutter 入口文件、入口方法
void main(){ runApp(MyApp()); }
/// 也可以简写
void main()=>runApp(MyApp());
MaterialApp 和 Scaffold
MaterialApp 是一个方便的 Widget，它封装了应用程序实现 Material Design 所需要的
一些 Widget。一般作为顶层widget 使用。
Scaffold 是 Material Design 布局结构的基本实现。此类提供了用于显示 drawer、
snackbar和底部 sheet 的API。
vscode 开发Flutter项目
- vscode下载flutter插件
- vscode下载dart插件
- 重启vscode
- ctrl + shift + p 打开命令面板
- 选择flutter new project
运行flutter程序
flutter run
- r: 按下后热加载
- p:显示网格，使用这个可以掌握布局情况
- o:切换Android 和 ios 的预览模式
- q:推出调试预览模式