1、下载flutter SDK 打开终端 输入 uname -a 根据打印不同安装不同的SDK
https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
2、把下载好的Flutter SDK随便解压到你想安装sdk的本地目录
3、终端操作把flutter安装目录的bin目录配置到环境变量,然后把flutter国内镜像也配置到环境变量里面
vim ~/.bash_profile
vim ~/.zshrc
第一行是Flutter SDK配置的地址,第二和第三是国内镜像.
export PATH=/Users/aishengwanwu/flutter_mac/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
让配置环境变量生效
source ~/.bash_profile
source ~/.zshrc
4、安装cocoa pod第三方库管理.
(1)、安装brew
(2)、brew install cocoapods
(3)、pod setup
5、创建flutter iOS项目。
sudo flutter create flutterdemo
5.1: 查看机器可用的模拟器:flutter devices
6、修改权限
sudo chmod -R 777 [项目名字]
7、用vscode 开发,打开刚刚新建的flutter项目。
8、在vscode 安装插件flutter
9、用vscode打开在vscode的终端 选中 flutter run
10、运行全部模拟器 flutter run -d all
11、运行模拟器 flutter run -d chrome 运行谷歌
12、Flutter目录结构介绍、入口、Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件。
13、件用MateralApp 和 Scaffold 两个组件装饰App
(1)、MaterialApp
MaterialApp是一个方便的Widget,它封装了应用程序实现Material Design 所需要的一些Widget,一般作为顶层widget使用。
常用的属性:
home(主页)
title(标题)
color(颜色)
theme(主题)
routes(路由)
。。。
(2)、Scaffold
Scaffold是Material Design 布局结构的基本实现,此类提供了用于显示drawer、snackbar和底部sheet的API。
Scffold 有下面几个主要属性:
appBar - 显示在界面顶部的一个AppBar
Body - 当前界面所显示的主要内容Widget。
Drawer-抽屉菜单空间。
14、flutter 把内容单独抽离成一个组件
在flutter中自定义组件其实就是一个类,这个类需要继承StatelessWidget/StatefulWidget
StatelessWidget 是无状态组件,状态不可以变的widget
statefulWidget 是有状态组件,持有的状态可能在widget生命周期改变
15、代码块可以不全代码的:Awesome Flutter Snippets 插件