vscode flutter 環(huán)境搭建

環(huán)境準備階段：

站在用戶的角度思考問題，與客戶深入溝通，找到石鼓網(wǎng)站設計與石鼓網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名注冊、虛擬空間、企業(yè)郵箱。業(yè)務覆蓋石鼓地區(qū)。

android-studio 版本：android-studio-ide-191.5977832-windows.exe 3.5.2

flutter版本：stable 版本 （完成系統(tǒng)環(huán)境變量 path配置）

dart版本：2.12.0 （完成系統(tǒng)環(huán)境變量 path配置）

完成相關(guān)軟件安裝。

配置flutter相關(guān)SDK及andriod studio路徑：

flutter config --android-sdk="C:\Users\Administrator\AppData\Local\Android\Sdk"

flutter config --android-studio-dir="D:\Program Files\Android\Android Studio"

執(zhí)行flutter doctor運行成功。

夜神模擬器地址：D:\Program Files\Nox\bin （完成系統(tǒng)環(huán)境變量 path配置）

andriod SDK tools：C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools （完成系統(tǒng)環(huán)境變量 path配置）

nox_adb.exe connect 127.0.0.1:62001

dart SDK:D:\software\dartsdk-windows-x64-release\dart-sdk\bin

將C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools 下面adb.exe 復制至D:\Program Files\Nox\bin覆蓋

adb.exe，此外重新復制adb.exe命名為nox_adb.exe，替換原有的nox_adb.exe。

cdm 輸入nox_adb version 及adb version發(fā)現(xiàn)版本一致。

啟動野神模擬器，輸入adb devices發(fā)現(xiàn)虛擬設備，執(zhí)行flutter devices發(fā)現(xiàn) 127.0.0.1:62001 設備。

修改C:\learn_flutter\first_flutter\android\gradle\wrapper\gradle-wrapper.properties

distributionUrl=

修改C:\learn_flutter\first_flutter\android\build.gradle

buildscript {

ext.kotlin_version = '1.3.50'

repositories {

// google()

// jcenter()

maven { url ' ' }

maven { url ' ' }

maven { url ' ' }

}

}

allprojects {

repositories {

// google()

// jcenter()

maven { url ' ' }

maven { url ' ' }

maven { url ' ' }

}

}

修改：C:\win-flutter\flutter\packages\flutter_tools\gradle\flutter.gradle

buildscript {

repositories {

// google()

// jcenter()

maven { url ' ' }

maven { url ' ' }

maven { url ' ' }

}

dependencies {

classpath 'com.android.tools.build:gradle:4.1.0'

}

}

//private static final String DEFAULT_MAVEN_HOST = " ";

private static final String DEFAULT_MAVEN_HOST = " ";

修改：C:\win-flutter\flutter\packages\flutter_tools\gradle\resolve_dependencies.gradle

repositories {

google()

jcenter()

maven {

//url "$storageUrl/download.flutter.io"

url " "

}

}

執(zhí)行 flutter run啟動成功。

環(huán)境搭建坑點在于JDK兼容問題以及網(wǎng)絡問題。

Flutter混合開發(fā)實戰(zhàn)

之前開發(fā)了一個純Flutter的項目，結(jié)果接到個新的需求需要使用Flutter單獨開一個模塊集成到原有的android項目中

下面分享一下如何集成現(xiàn)有的項目和如何繼承以及碰到的問題

1.首先第一步 修改gradle

因為 Flutter 當前僅支持為 x86_64，armeabi-v7a 和 arm64-v8a 構(gòu)建預編（AOT）的庫 所以我們需要修改gradle的文件限制 APK 中支持的架構(gòu)，從而避免 libflutter.so找不到引起的崩潰

2.新建一個FlutterModel的工程

2.使用aar文件 因為所有工程統(tǒng)一使用jenkins打包所以我們放在本地肯定是不合適的

說以我們需要 打包aar并上傳服務器

上傳完成后在android中引用

在開發(fā)中遇到的問題

1.關(guān)于android和Ios中的跳轉(zhuǎn)傳參問題

這個問題在android端還是比較方便的 但是的在Ios端并不怎么好實現(xiàn)

最終決定使用flutter_boost來完成android和Ios與Flutter的通信操作

flutter_boost github地址：

集成文檔：

集成文檔給出了 但是沒有android的 尷尬

下滿分享下android的集成

（1）在flutter的 pubspec.yaml工程中添加

（2）修改android工程

使用本地工程的時候需要在工程共添加

使用aar的時候不需要添加

（3）在android工程中添加對應的條狀路由配置

（4）在使用默認的flutter_boost啟動界面的時候可能碰到狀態(tài)欄丟失的情況

所以最好集成BoostFlutterActivity寫一個新的activity方便處理狀態(tài)欄和activity進出動畫

（5）跳轉(zhuǎn)并傳參

//params 傳多個參數(shù)可以使用json的形式

2.在flutter中的網(wǎng)絡框架使用的dio結(jié)果在ios的彈出loading的時候出現(xiàn)卡頓現(xiàn)象

解決方式：1.服務換證書 （但是后臺太忙暫時沒有支持的人員）

2.ios使用原生的loading解決

3.在使用dio的時候出現(xiàn)ios部分手機 網(wǎng)絡請求緩慢問題

解決方法：請求的時候使用http 2.0協(xié)議

插件地址：

Flutter開發(fā)環(huán)境配置（MAC版）

（該路徑會有變化，可以關(guān)注Flutter社區(qū)，隨時更新）

Documents為目錄，fluttersdk為sdk文件夾

cd 到對應的項目工程中執(zhí)行命令：

在終端中執(zhí)行 flutter doctor 查看Android和iOS的開發(fā)環(huán)境，監(jiān)測到依賴若有缺失，會給出缺失的依賴的安裝結(jié)果，依照提示進行安裝即可。

在命令終端執(zhí)行相關(guān)命令：

打開Android Studio應用，打開菜單項Preferences Plugins中搜索Flutter插件并點擊install進行安裝

打開 VS Code，可點擊 View - Command Palette，搜索flutter并點擊install進行安裝

網(wǎng)頁題目：關(guān)于flutter實戰(zhàn)環(huán)境的信息
標題來源：http://jinyejixie.com/article10/dsedjdo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、動態(tài)網(wǎng)站、電子商務、用戶體驗、移動網(wǎng)站建設、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)