規(guī)則
（1）為了提高閱讀星，組件嵌套不能多于3層
操作
當有多個模擬器的時候，可以指定某個模擬器運行
flutter run -d 模擬器ID
查看所有模擬器的ID
flutter run
工具
接口服務器平臺：easy-mock
(了解文章：http://www.reibang.com/p/3665e1b1142c)
組件學習
SingleChildScrollView滾動視圖類
ListView 可以設置滾動方向录肯，但是listview不能嵌套listView
contaier
padding 內(nèi)邊距
margin 外邊距
color 背景顏色
decoration 修飾领铐，使用BoxDecoration組件（可以加漸變，加邊框）
Expanded 填充整個屏幕（搭配row或colum布局）
row水平布局
colum 垂直布局
stack 層疊布局
不嵌套Align和Positioned組件盅蝗，stack更適合兩個組件的布局設置
Align組件
Stack 與 Align 組合使用
更適合多個組件相對于父組件的相對定位如居中，左上之類
Position定位組件
stack 與 Position 組合使用
更適合組件相對于父組件的精準定位姆蘸，因為可以設置比如相對于父組件頂部的舉例top的值墩莫，比如20
image.png
AspectRatio組件芙委，作用：根據(jù)設置調(diào)整子元素child的寬高比
Card卡片組件
CircleAvatar 圓形頭像
ClipOval 組件切圓圖
圓角圖片實現(xiàn)
第一種
圖片
加載網(wǎng)絡圖片
Warp 流式布局組件
GestureDetector 手勢組件
Padding可以設置內(nèi)邊距的組件
Opacity 設置透明度的組件
Expansiontile 折疊標題組件
類的構(gòu)造方法，如果是必傳的參數(shù)使用@required修飾
安卓apk的打包
項目實戰(zhàn)
控件風格：
material.dart
cupertino.dart // 偏向蘋果圖標的風格
保持頁面狀態(tài)：
tabBar控件
BottomNavigationBar
滾動控件
SingleChildScrollView
屏幕適配
插件： screenUtil
撥打電話插件
url_launcher
上拉加載插件
flutter_easyrefresh
Json 數(shù)據(jù)轉(zhuǎn)模型
Flutter狀態(tài)管理
statefulWidge缺點耦合性比較強
Provide 是定義一個全局的狀態(tài)
（可以參考這篇文章介紹：https://mp.weixin.qq.com/s/ywGQnaYpioPxlYvYTSpR4w）
簡單的使用實例
網(wǎng)頁工具：JSon轉(zhuǎn)dart模型
地址
提示框插件
FlutterToast
路由管理插件
[fluro] ()
futureBuilder實現(xiàn)widget異步加載
網(wǎng)頁插件
flutter_html
數(shù)據(jù)持久化
flutter 自帶的 shared_preferences
數(shù)據(jù)庫sql
flutter 自帶的sqflite
查看flutter官方自帶組件
flutter/plugins
設置圓角
視頻播放器
video_player
在android studio 中
使用快捷鍵 command + alt + b 可以查看抽象類中所有的實現(xiàn)類
使用快捷鍵 option(alt) + enter 將statelessWidget 轉(zhuǎn)成 statefulWidget
使用快捷鍵o?ption(alt) + enter + w將build出來的widget抽取到一個單獨的widget中
statefulWidget生命周期
自定義按鈕
button頂部有間隙的原因
button內(nèi)邊距去除
button修改最小尺寸
本地圖片配置路徑 簡易寫法
占位圖
icons字體圖標（icons）和圖片圖標
flutter 圖片加載默認是有添加緩存的狂秦，1000張或者100M灌侣，如果超過緩存容量，會自動清除緩存
container
textfield
修改textField邊框顏色
flutter 官方文檔路徑
flutter.dev
flutter.中文
Container尺寸大小變化的規(guī)則
根據(jù)上面兩張圖裂问，分幾種情況
1侧啼、如果container沒有設置child的話，那么會填充整個父類的大小
2堪簿、container有沒有設置width和height痊乾，那么container會跟隨child元素的大小
3、container設置了width和height椭更，并且設置了alignment符喝，那么child元素大小會跟隨container的大小
4、container設置了alignment甜孤，那么container的widget樹結(jié)構(gòu)在child中間嵌套多一個align widget元素协饲，而align的大小會跟隨container的大小
設置圓角
