Flutter在Mac安装以及配置环境

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 插件

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容