開啟Flutter之旅

1.課程簡介

本課程是一個(gè)Flutter官網(wǎng)的code labs入門課程甘晤，通過此課程你可以學(xué)會(huì)基礎(chǔ)的Flutter 組件柠辞、布局鲸阔、最后通過完成一個(gè)購物app的界面订晌。

??????????????????????????????????????????

?????????????????????

2.Flutter簡介

Flutter是Google發(fā)布的一個(gè)用于創(chuàng)建跨平臺(tái)菲嘴、高性能移動(dòng)應(yīng)用的框架饿自。Flutter和QT mobile一樣，都沒有使用原生控件龄坪，相反都實(shí)現(xiàn)了一個(gè)自繪引擎昭雌，使用自身的布局、繪制系統(tǒng)健田。那么烛卧，我們會(huì)擔(dān)心，QT mobile面對(duì)的問題Flutter是否也一樣，F(xiàn)lutter會(huì)不會(huì)步入QT mobile后塵总放，成為另一個(gè)烈士呈宇？要回到這個(gè)問題，我們先來看看Flutter誕生過程：

2017 年 Google I/O 大會(huì)上局雄，Google 首次推出了一款新的用于創(chuàng)建跨平臺(tái)甥啄、高性能的移動(dòng)應(yīng)用框架——Flutter。

2018年2月炬搭，F(xiàn)lutter發(fā)布了第一個(gè)Beta版本蜈漓，同年五月，在2018年Google I/O 大會(huì)上宫盔，F(xiàn)lutter 更新到了 beta 3 版本融虽。

2018年6月，F(xiàn)lutter發(fā)布了首個(gè)預(yù)覽版本灼芭，這意味著 Flutter 進(jìn)入了正式版（1.0）發(fā)布前的最后階段有额。

? ? ? 觀其發(fā)展，在2018年5月份姿鸿，F(xiàn)lutter 進(jìn)入了 GitHub stars 排行榜前 100 名谆吴，已有 27k star。而今天(2018年8? ? ? ? 月16日)苛预，已經(jīng)有35K的Star。經(jīng)歷了短短一年多的時(shí)間笋熬，F(xiàn)lutter 生態(tài)系統(tǒng)得以快速增長热某，由此可見，F(xiàn)lutter? ? ? ? ? 在開發(fā)者中受到了熱烈的歡迎胳螟，其未來發(fā)展值得期待昔馋！

現(xiàn)在，我們來和QT mobile做一個(gè)對(duì)比：

生態(tài)糖耸；從Github上來看秘遏，目前Flutter活躍用戶正在高速增長。從Stackoverflow上提問來看嘉竟，F(xiàn)lutter社區(qū)現(xiàn)在已經(jīng)很龐大邦危。Flutter的文檔、資源也越來越豐富舍扰，開發(fā)過程中遇到的很多問題都可以在Stackoverflow或其github issue中找到答案倦蚪。

技術(shù)支持；現(xiàn)在Google正在大力推廣Flutter边苹，F(xiàn)lutter的作者中很多人都是來自Chromium團(tuán)隊(duì)陵且，并且github上活躍度很高。另一個(gè)角度个束，從今年上半年Flutter頻繁的版本發(fā)布也可以看出Google對(duì)Flutter的投入的資源不小慕购，所以在官方技術(shù)支持這方面聊疲，大可不必?fù)?dān)心。

開發(fā)效率沪悲；Flutter的熱重載可幫助開發(fā)者快速地進(jìn)行測試售睹、構(gòu)建UI、添加功能并更快地修復(fù)錯(cuò)誤可训。在iOS和Android模擬器或真機(jī)上可以實(shí)現(xiàn)毫秒級(jí)熱重載昌妹，并且不會(huì)丟失狀態(tài)。這真的很棒握截，相信我飞崖，如果你是一名原生開發(fā)者，體驗(yàn)了Flutter開發(fā)流后谨胞，很可能就不想重新回去做原生了固歪，畢竟很少有人不吐槽原生開發(fā)的編譯速度。

基于以上三點(diǎn)胯努，相信讀者和筆者一樣牢裳，F(xiàn)lutter未來如何，心中自有定論叶沛。到現(xiàn)在為止蒲讯，我們已經(jīng)對(duì)移動(dòng)端開發(fā)技術(shù)有了一個(gè)全面的了解，接下來我們便要進(jìn)入本書的主題灰署，你準(zhǔn)備好了嗎判帮！

3.安裝

1.Windows

https://flutterchina.club/setup-windows/

2.Mac os

https://flutterchina.club/setup-macos/

4.環(huán)境配置

Android studio

https://flutterchina.club/get-started/editor/#androidsstudio

vs code

https://flutterchina.club/get-started/editor/#vscode

5.Dart語言入門

https://codelabs.flutter-io.cn/codelabs/from-java-to-dart-cn/index.html#0