Android Studio使用Google Flutter完整教程
一套代碼 iOS、Android 兩端運行,Google Flutter 實在太強大。。
“Flutter 可幫助你更容易、更快速的開發(fā)界面美觀的移動應(yīng)用。” ?— — ?Google?
Flutter 使用的是 Google 自己開發(fā)的網(wǎng)絡(luò)編程語言——Dart 語言,
因此,開發(fā)者只要使用過 Java 或 JavaScript 之類的語言,那么 Flutter 也極容易上手。
- 2017 年 Google I/O 大會上,Google 首次推出了一款新的用于創(chuàng)建移動應(yīng)用的開源庫——Flutter
- 2018年5月 Google I/O 大會上,Flutter 更新到了 beta 3 版本。
- 2018年6月 flutter 發(fā)布了首個預(yù)覽版本
Flutter 團隊還發(fā)布了中文??Flutter?網(wǎng)站:Flutter 社區(qū)中文資源 | Flutter 中文文檔 | Flutter 中文社區(qū)
騰訊也將使用 Flutter 推出 “NOW 直播” 手機客戶端。接下里就開始使用?Flutter
贈送源碼:Pangu-Immortal (Pangu-Immortal) · GitHub
1、下載Flutter開發(fā)包(GitHub下載 或者 官網(wǎng)下載)GitHub簡單些
無論我們使用什么方式下載,最終得到?Flutter?的 SDK開發(fā)包即可(有了開發(fā)包直徑跳至2 、)
官網(wǎng) :Flutter - Build apps for any screen
GitHub:GitHub - flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond
如下簡單介紹一下官網(wǎng)下載,GitHub下載大家都很熟就不再介紹了。。。。
選擇自己的系統(tǒng)版本下載即可?
2、下載完成后解壓到flutter文件夾并將bin路徑添加至path環(huán)境變量中(大家都會就不多說了)
注意:不要在這樣的目錄下 如:?C:\Program Files\ ??這類系統(tǒng)目錄或者有空的目錄
3、在flutter目錄中找到?flutter_console.bat?文件。雙擊啟動它。檢查并修復(fù)SDK
如果下載的舊版本需要升級可用如下命令:
$ flutter upgrade如果剛下載的新版本直接運行如下命令:
flutter doctorflutter doctor 會自動檢測當(dāng)前開發(fā)環(huán)境配置,并且自動下載欠缺的文件。
下載過程有些長。尤其對于國內(nèi)用戶有時還出現(xiàn)下載失敗的情況。
可能要嘗試多次執(zhí)行命令才會成功。(我開了藍燈)
注意:Dart SDK與Flutter捆綁在一起,沒有必要單獨安裝Dart。
仔細檢查cmd終端?可能需要安裝的其他軟件或執(zhí)行的其他任務(wù)(以粗體顯示)。
出現(xiàn)以上這些效果都算是安裝成功了。。。
4、Android Studio設(shè)置
進入 File>Settings>Plugins ?搜索 Flutter 和 Dart 插件點擊右側(cè) Install 即可
- 該Flutter插件支持Flutter開發(fā)人員工作流程(運行,調(diào)試,熱重新加載等)。
- 該Dart插件提供代碼分析(鍵入時的代碼驗證,代碼完成等)。
安裝完成后會重啟Android Studio,發(fā)現(xiàn)有些人的Studio會沒有flutter項目選項,可以嘗試修復(fù)studio或者重新下一個。
由于某些眾所周知的原因訪問國外谷歌服務(wù)器有些問題,創(chuàng)建工程如果失敗請?zhí)砑尤缦颅h(huán)境變量。
- 新建 PUB_HOSTED_URL??值為 https://pub.flutter-io.cn
- 新建?FLUTTER_STORAGE_BASE_URL?值為 https://storage.flutter-io.cn
點擊?創(chuàng)建工程
此處現(xiàn)象問題不大,如果自己已經(jīng)下載Flutter的開發(fā)包并且配置了環(huán)境變量,
可以直接選擇三個點?選擇自己開發(fā)包的路徑即可,然后下一步。。。
一直點擊 next 進行下一步即可創(chuàng)建完成。。。。。。初次使用時間可能會久一點
工程創(chuàng)建完成之后Android Studio比普通工程多了一個黃色的閃電標(biāo)志。
工程總目錄可以如下截圖,可以修改main.dart文件,點擊黃色閃電按鈕觀察模擬器效果。。
5、深入學(xué)習(xí)?Flutter 開發(fā)
可以通過以下資源進行深入了解Flutter:
- I/0 分享視頻:https://www.youtube.com/playlist?list=PL0o58xSX-Jvi6zBDe7SW4W6h5hauQ-xxF
- 技術(shù)周刊:https://flutterweekly.net/
- 實踐視頻:https://www.youtube.com/watch?v=syd0c9Vi2hg
- 開發(fā)視頻:https://www.youtube.com/watch?v=yr8F2S3Amas
- Github 地址:GitHub - flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond
- Flutter 網(wǎng)站:Flutter - Build apps for any screen
- Flutter - 不一樣的跨平臺解決方案:Flutter - 不一樣的跨平臺解決方案 - 掘金
- Flutter 初嘗:從 Java 無縫過渡:Flutter 初嘗:從 Java 無縫過渡 | 吳小龍同學(xué)
- 知乎上介紹用 Flutter 做的幾個 APP:最近用 Flutter 做了幾個 APP - 知乎
接下來一篇介紹:深入理解Google Flutter編程之Dart語言
贈送源碼:https://github.com/yugu88/MagicWX。《最完整的Android逆向知識體系》贈送源碼:https://github.com/Pangu-Immortal《最完整的Android逆向知識體系》
總結(jié)
以上是生活随笔為你收集整理的Android Studio使用Google Flutter完整教程的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Dagger2 在 Android 项目
- 下一篇: Android APK 签名(图)