亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

常用快捷鍵

快捷鍵?。。?！

圖片類型1

Flutter是谷歌的移動UI框架，可以快速在IOS和Android上構建高質量的原生用戶界面。Flutter可以與現有的代碼一起工作，并且它是免費、開源的。

特點：

1、跨平臺：Linux、Android、IOS、Fuchsia

2、原生用戶界面：它是原生的，讓我們體驗更好、性能更好

3、開源免費：完全開源，可以進行商用

與主流框架對比：

Cordova：混合式開發框架（Hybrid App）

RN（React Native）：生成原生的APP，但以View為基礎嵌入

Flutter：在渲染技術上選擇了自己實現（GDI）

圖片鏈接給大家貼一下，給后面學的方便：

http://img5.mtime.cn/mt/2018/10/22/104316.77318635_180X260X4.jpg

http://img5.mtime.cn/mt/2018/10/10/112514.30587089_180X260X4.jpg

http://img5.mtime.cn/mt/2018/11/13/093605.61422332_180X260X4.jpg

http://img5.mtime.cn/mt/2018/11/07/092515.55805319_180X260X4.jpg

http://img5.mtime.cn/mt/2018/11/21/090246.16772408_135X190X4.jpg

http://img5.mtime.cn/mt/2018/11/17/162028.94879602_135X190X4.jpg

學習flutter建議先學習dart語法，會dart語法會發現簡單許多

flutter sdk地址：https://flutter.dev/docs/development/tools/sdk/releases#windows

參照本課程，自己理解寫的博客文檔，大家可以看一下

https://www.jianshu.com/p/afee6508f9cc

簡書? ?https://www.jianshu.com/p/afee6508f9cc

橫向列表顧名思義就是，可以通過水平方向進行一個列表的滑動，左右滑動列表Item，即可瀏覽ListView的數據了。

scrollDirection屬性的使用

- Axis.vertical:垂直方向

- Axis.horizontal 水平方向

非常簡單，我們直接修改屬性值就可以完成不同方向的ListView

簡書：https://www.jianshu.com/p/afee6508f9cc

可以看到，我們在new的時候，傳遞了一個List對象給構造器，通過List的generate方法快速生成一個1000大小的列表。

然后在類的構造器中去接收到這個List參數，然后給類的ListView組件使用，達到動態數據，list的數據源是由外部接收的，這樣我們的ListView數據將會非常靈活。

簡書地址：Flutter基礎筆記??https://www.jianshu.com/p/afee6508f9cc

總結：

StatelessWidget、build()、MaterialApp->title->home、腳手架Scaffold、appBar、body、Center->child

1. 首先繼承StatelessWidget抽象類，實現bulid方法

2. return一個MaterialApp

3. 定義App內的title,和home

4. home屬性需要返回腳手架Scaffold組件

5. 腳手架定義appBar和body屬性，appBar中定義text,body中創建Center

6. 在Center居中組件中，利用child屬性，返回一個TextWidget，用來顯示內容

圖片地址拿走不謝。。。>_<

children:?<Widget>[
??new?Image.network('http://img5.mtime.cn/mg/2019/03/21/105842.67810645_170X256X4.jpg',fit:?BoxFit.cover,),
??new?Image.network('http://img5.mtime.cn/mg/2019/04/10/102844.93012572_170X256X4.jpg',fit:?BoxFit.cover,),
??new?Image.network('http://img5.mtime.cn/mg/2019/04/19/092928.24468397_170X256X4.jpg',fit:?BoxFit.cover,),
??new?Image.network('http://img5.mtime.cn/mg/2019/03/29/095612.14234221_170X256X4.jpg',fit:?BoxFit.cover,),
??new?Image.network('http://img5.mtime.cn/mg/2019/04/01/170857.92282290_170X256X4.jpg',fit:?BoxFit.cover,),
??new?Image.network('http://img5.mtime.cn/mg/2019/04/16/103242.17522323_170X256X4.jpg',fit:?BoxFit.cover,),
??new?Image.network('http://img5.mtime.cn/mg/2019/04/04/092846.29725044_1280X720X2.jpg',fit:?BoxFit.cover,),
??new?Image.network('http://img5.mtime.cn/mg/2019/01/31/100731.93352385_1280X720X2.jpg',fit:?BoxFit.cover,),
??new?Image.network('http://img5.mtime.cn/mg/2019/04/15/095157.26388695_1280X720X2.jpg',fit:?BoxFit.cover,),
??new?Image.network('http://img5.mtime.cn/mg/2019/03/21/105842.67810645_170X256X4.jpg',fit:?BoxFit.cover,),
??new?Image.network('http://img5.mtime.cn/mg/2019/04/10/102844.93012572_170X256X4.jpg',fit:?BoxFit.cover,),
??new?Image.network('http://img5.mtime.cn/mg/2019/04/19/092928.24468397_170X256X4.jpg',fit:?BoxFit.cover,),
],

https://github.com/TKMapleLeaf/awesome-flutter