1肴敛、下載flutter SDK 打開終端 輸入 uname -a 根據(jù)打印不同安裝不同的SDK
https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
2恰矩、把下載好的Flutter SDK隨便解壓到你想安裝sdk的本地目錄
3浪谴、終端操作把flutter安裝目錄的bin目錄配置到環(huán)境變量归露,然后把flutter國(guó)內(nèi)鏡像也配置到環(huán)境變量里面
vim ~/.bash_profile
vim ~/.zshrc
第一行是Flutter SDK配置的地址,第二和第三是國(guó)內(nèi)鏡像.
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
讓配置環(huán)境變量生效
source ~/.bash_profile
source ~/.zshrc
4雕什、安裝cocoa pod第三方庫(kù)管理.
(1)裕照、安裝brew
(2)节芥、brew install cocoapods
(3)平匈、pod setup
5、創(chuàng)建flutter iOS項(xiàng)目。
sudo flutter create flutterdemo
5.1: 查看機(jī)器可用的模擬器:flutter devices
6增炭、修改權(quán)限
sudo chmod -R 777 [項(xiàng)目名字]
7忍燥、用vscode 開發(fā),打開剛剛新建的flutter項(xiàng)目隙姿。
8梅垄、在vscode 安裝插件flutter
9、用vscode打開在vscode的終端 選中 flutter run
10输玷、運(yùn)行全部模擬器 flutter run -d all
11队丝、運(yùn)行模擬器 flutter run -d chrome 運(yùn)行谷歌
12、Flutter目錄結(jié)構(gòu)介紹欲鹏、入口机久、Widget、Center組件赔嚎、Text組件膘盖、MaterialApp組件、Scaffold組件尤误。
13侠畔、件用MateralApp 和 Scaffold 兩個(gè)組件裝飾App
(1)、MaterialApp
MaterialApp是一個(gè)方便的Widget损晤,它封裝了應(yīng)用程序?qū)崿F(xiàn)Material Design 所需要的一些Widget软棺,一般作為頂層widget使用。
常用的屬性:
home(主頁(yè))
title(標(biāo)題)
color(顏色)
theme(主題)
routes(路由)
尤勋。喘落。。
(2)最冰、Scaffold
Scaffold是Material Design 布局結(jié)構(gòu)的基本實(shí)現(xiàn)揖盘,此類提供了用于顯示drawer、snackbar和底部sheet的API锌奴。
Scffold 有下面幾個(gè)主要屬性:
appBar - 顯示在界面頂部的一個(gè)AppBar
Body - 當(dāng)前界面所顯示的主要內(nèi)容Widget兽狭。
Drawer-抽屜菜單空間。
14鹿蜀、flutter 把內(nèi)容單獨(dú)抽離成一個(gè)組件
在flutter中自定義組件其實(shí)就是一個(gè)類箕慧,這個(gè)類需要繼承StatelessWidget/StatefulWidget
StatelessWidget 是無(wú)狀態(tài)組件,狀態(tài)不可以變的widget
statefulWidget 是有狀態(tài)組件茴恰,持有的狀態(tài)可能在widget生命周期改變
15颠焦、代碼塊可以不全代碼的:Awesome Flutter Snippets 插件