前奏
之前用ReactNative啓動過app項目,遇到很多坑,最後雖然可以用了,但是,我發現折騰的夠嗆!
1.Genymotion+Oracle VM VirtualBox+Android studio 64
2.Android studio + Blue Stacks模擬器
3.Android studio + Nox模擬器
4.Terminal + Nox模擬器
除了4不需要安裝許多軟件外,1、2、3安裝軟件遇到各種坑,android studio(還佔內存各種卡死)還要安裝各種插件才能用。最後做了個簡單的項目。也放棄React Native
興趣來了攔都攔不住
Flutter Create Submissions 2019 - flutter大獎第一名。我必須得看看大神的作品啊。
所以開始搞flutter
坑總是有的,有前車之鑑,這次啓動flutter使用的環境等就明顯省力多了,當然,按照官方的文檔,你也不一定能一次搞定!還好我之前ReactNative遇到的坑這次也遇到了。再次記錄下。
Terminal+Nox模擬器搞定官方app啓動
1.安裝flutter包,這個沒啥說的,按照官方文檔就ok了。
2.安裝flutter的環境變量,需要注意下邊兩個必須添加到環境變量裏
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
3.安裝nox模擬器
當然,你可以選用藍莓模擬器,那這些坑你可以不用看了
adb kill-server
adb start-server
adb shell
好了,完結!
如果你不喜歡藍莓那麼繼續往下看
此處問題多多啊,哎,都是淚!
首先adb devices 鏈接模擬器的等等這些命令用cmd,powshell你就不要考慮了,你懂得,最喜歡用powershell的我,不知道是在執行了多少命令和時間的前提下才發現的,當時罵街是必須的。坑坑坑!
給大家看看當時記錄的截圖:
你以爲cmd就可以了,你太天真了!咋們繼續開始表演(表揚)
flutter devices命令執行,你會發現沒有你想要的模擬器,
你以爲nox會乖乖讓你這麼輕易鏈接麼,NO! 不會的,道路千萬條,至此一條絕對不讓你隨隨便便就過去。繼續給我打怪
nox執行需要
到nox的安裝目錄先進入bin
nox_adb.exe connect 127.0.0.1:62001
成功了就成功了,如果
提示
(查看連接信息,大致意思是sdk的adb版本與夜神的adb版本不一致導致的)
但是adb shell 或者adb devices老提示 沒有設備
【1】夜神模擬器也要配置環境變量 E:\Program Files (x86)\Nox\bin
【2】關閉所有adb的進程;任務管理器裏查找;
【3】將電腦中SDK目錄下的adb.exe文件(在Platform-tools文件夾下),複製到夜神模擬器的目錄下(bin目錄),夜神模擬器目錄下也有adb.exe文件,複製過去之後改名爲nox_adb.exe,替換即可。
【4】再次執行adb devices 就會看到下圖結果:
如果夜神出現紅屏請查看方法一解決方案;
要連接夜神模擬器需要到安裝路徑bin下執行
(前提是需要把adb和nox_adb都替換掉)
nox_adb connect 127.0.0.1:62001
或者 adb connect 127.0.0.1:62001
然後到項目目錄下執行,flutter run ,你以爲是不是就成功了,也沒有報錯!
但是界面一片空白:
哈哈哈!太天真了,有沒有,傻白甜,說的就是你!
進項目根目錄,用命令方式運行: flutter run --enable-software-rendering
但是這個辦法有個坑,就是熱加載的時候要手動在命令行輸入r(不是說好的自動的麼,也許是我打開的方式不對);
然後就可以了,如果你用的 intelliJ IDEA,那麼修改如下圖:
至此,你就可以享受flutter開發app的樂趣了!