Flutter 和 React-native 一樣，用于開發(fā)移動(dòng)端app，在開源中國上看到這個(gè)東東，抽個(gè)周末接觸一波：在虛擬設(shè)備將示例代碼跑起來。

1. 搭建安卓開發(fā)環(huán)境

Android Studio 開發(fā)環(huán)境搭建，各種踩坑

2. 下載 Flutter SDK

Flutter SDK 就是個(gè)命令行工具，號(hào)稱全生命周期只要有這個(gè)工具就可以玩得轉(zhuǎn)了，不會(huì)限制使用 Android Studio 開發(fā)工具，可以檢測(cè)開發(fā)環(huán)境，下載 sdk，AVD 模擬器等等，dk 目前剛接觸，玩得還不是很 6。

Flutter SDK-Github 下載地址，下載 zip 包，本地解壓縮，將 flutter/bin 目錄配置到環(huán)境變量里。flutter 常用命令：

# 查看幫助文檔 $ flutter --help# 查看當(dāng)前機(jī)器開發(fā)環(huán)境情況，缺啥都打印啥，還有相應(yīng)安裝教程，下載地址 $ flutter doctor # 查看是否連接安卓設(shè)備：包括真機(jī)，或者 AVD(開發(fā)工具提供的虛擬設(shè)備) $ flutter devices# 查看可用的 AVD $flutter emulators 1 available emulator: Nexus_5X_API_28 ? Nexus 5X ? Google ? Nexus 5X API 28# 啟用 AVD，會(huì)自動(dòng)打開虛擬設(shè)備，還真是不需要 Android Studio 也可以哦~ $ flutter emulator --launch Nexus_5X_API_28 ? Nexus 5X ? Google ? Nexus 5X API 28# 運(yùn)行 flutter 應(yīng)用程序 # flutter 程序根目錄必須有 pubspec.yaml 文件，就跟 node 項(xiàng)目有 package.json 文件一樣 $ flutter run

3. 創(chuàng)建 demo 代碼

Flutter 提供原型項(xiàng)目，可以實(shí)用Android Studio 開發(fā)工具直接創(chuàng)建 Flutter 項(xiàng)目或者使用 flutter 命令創(chuàng)建項(xiàng)目 $ flutter create myapp。

4. 運(yùn)行項(xiàng)目

在開發(fā)工具打開 AVD，使用命令行工具啟動(dòng)項(xiàng)目：$ flutter run。查看虛擬設(shè)備出現(xiàn)如下界面就成功了。

這一過程最常遇到的問題就是 Gradle 各種報(bào)錯(cuò)，在第1點(diǎn)開發(fā)環(huán)境搭建各種踩坑中有解決方法。

Flutter運(yùn)行成功

5. 接下來安排

• 熟悉 flutter 開發(fā)流程；
• py-novel 開發(fā)安卓版本。

本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請(qǐng)及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://jstctz.cn/18039.html