参考文档链接:https://book.flutterchina.club/chapter2/first_flutter_app.html
参考视频链接:https://www.bilibili.com/video/BV1x4411j7bW?p=4
目录
- 项目文件结构
- Flutter入口文件和入口方法
- 使用MaterialApp 和Scaffold两个组件装饰App
一、项目文件结构
┬
└ projectname
┬
├ * android - Android部分的工程文件 (Android平台相关代码)
├ * build - 项目的构建输出目录(运行项目的时候,生成的编译目录)
├ * ios - iOS部分的工程文件(iOS平台相关代码)
├ * lib - 项目中的Dart源文件(flutter相关代码,我们主要编写的代码,就在这个文件夹)
┬
└ * main.dart - 自动生成的项目入口文件,类似RN的index.js文件
├ test - 测试相关文件(用于存放测试代码)
└* pubspec.yaml - 项目依赖配置文件类似于RN的 package.json (项目的配置文件:项目的名称,描述,项目所需要的各种第三方库依赖)
如:在这个文件的dependencies里面配置第三方库
之后编译他会执行flutter packages get 操作,把远程的库下载到本地,之后就可以引入了
二、Flutter入口文件和入口方法
每一个flutter 项目的lib目录里面都有一个main.dart这个文件,就是flutter 的入口文件