Flutter学习----初识 Flutter

初识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项目

1. vscode下载flutter插件
2. vscode下载dart插件
3. 重启vscode
4. ctrl + shift + p打开命令面板
5. 选择flutter new project

运行flutter程序

flutter run

• r:按下后热加载
• p:显示网格，使用这个可以掌握布局情况
• o:切换Android和ios的预览模式
• q:推出调试预览模式