flutter是桌面應(yīng)用程序。
專注于為中小企業(yè)提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)騰沖免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了千余家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
1、使用flutter桌面應(yīng)用，必須使用master通道，在命令窗口執(zhí)行以下命令：
flutter channel master
flutter upgrade
2、安裝visual studio后，執(zhí)行flutter doctor命令
3、在visual studio installer中選擇對應(yīng)版本號進(jìn)行安裝：
4、再次執(zhí)行flutter doctor命令
5、配置執(zhí)行目標(biāo)平臺
flutter config --enable-windows-desktop
6、命令行切換到flutter-desktop-embedding\example目錄下，執(zhí)行flutter run命令
7、通過visual studio打開目錄flutter-desktop-embedding\example\windows下的Runner.sln文件對項(xiàng)目進(jìn)行打包。
生成的exe可執(zhí)行文件在目錄flutter-desktop-embedding\example\build\windows\x64\Release下
（該路徑會(huì)有變化，可以關(guān)注Flutter社區(qū)，隨時(shí)更新）
Documents為目錄，fluttersdk為sdk文件夾
cd 到對應(yīng)的項(xiàng)目工程中執(zhí)行命令：
在終端中執(zhí)行 flutter doctor 查看Android和iOS的開發(fā)環(huán)境，監(jiān)測到依賴若有缺失，會(huì)給出缺失的依賴的安裝結(jié)果，依照提示進(jìn)行安裝即可。
在命令終端執(zhí)行相關(guān)命令：
打開Android Studio應(yīng)用，打開菜單項(xiàng)Preferences Plugins中搜索Flutter插件并點(diǎn)擊install進(jìn)行安裝
打開 VS Code，可點(diǎn)擊 View - Command Palette，搜索flutter并點(diǎn)擊install進(jìn)行安裝
環(huán)境準(zhǔn)備階段：
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運(yùn)行成功。
夜神模擬器地址：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 復(fù)制至D:\Program Files\Nox\bin覆蓋
adb.exe，此外重新復(fù)制adb.exe命名為nox_adb.exe，替換原有的nox_adb.exe。
cdm 輸入nox_adb version 及adb version發(fā)現(xiàn)版本一致。
啟動(dòng)野神模擬器，輸入adb devices發(fā)現(xiàn)虛擬設(shè)備，執(zhí)行flutter devices發(fā)現(xiàn) 127.0.0.1:62001 設(shè)備。
修改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啟動(dòng)成功。
環(huán)境搭建坑點(diǎn)在于JDK兼容問題以及網(wǎng)絡(luò)問題。
在此之前先推薦看大佬的: 填坑指導(dǎo)
iOS需要注意：
1、flutter2.0要求cocoapods 升級到1.9.0
詳情看這篇博客
2、原來flutter項(xiàng)目中的podfile文件是舊版本的ccocoapods了，刪除podfile和對應(yīng)的.lock，然后flutter項(xiàng)目重新運(yùn)行使用它自動(dòng)生成的podfile文件
3、安裝CocoaPods
卸載cocoapods：sudo gem uninstall cocoapods
查看cocoapods版本：pod --version
指定版本安裝：
sudo gem install -n /usr/local/bin cocoapods -v 1.9.3（新MacOS系統(tǒng)升級）
不指定版本安裝
sudo gem install -n /usr/local/bin cocoapods
說明 :老項(xiàng)目sdk1.17.0===升級到2.0.1,當(dāng)前所有操作基于win平臺
到此為止環(huán)境已經(jīng)準(zhǔn)備妥當(dāng)，正式進(jìn)入項(xiàng)目修改。
所有的插件都要適配到空安全，插件是否支持均會(huì)有對應(yīng)說明Null safety,適配過程不確定版本的話，可以使用dio: any,適配完事后再在pubspec.lock文件中查看具體的版本修改過來,實(shí)在有部分插件沒有支持的，參考下面
部分插件在適配空安全的版本放棄維護(hù)了，得自行更新或?qū)ふ姨娲?，如?flutter_swiper 變?yōu)?flutter_swiper_null_safety ，插件更新后要注意項(xiàng)目中的用法是否需要更新
2.1.1: 以前采用的是 provide 插件共享全局?jǐn)?shù)據(jù),現(xiàn)在變化為 provider ，用法改變, 點(diǎn)擊參考 ，以防文章丟失，我重復(fù)一遍：
比如:
2.1.2: dio版本升級到4.0.0最新版后，部分用法改變
2.2.1
2.2.2
解決方案:
2.2.3
解決方案:
2.2.4
解決方案:
2.2.5
解決方案:
2.2.6
解決方案:
2.2.7
解決方案:
2.2.8
解決方案: child 換為sliver
2.2.8.1
解決方案: 項(xiàng)目目錄下: android--app-build.gradle --minSdkVersion改為:18 或者19
2.2.8.2
解決方案: 在pubspec.yarm管理里面添加:publish_to
2.2.8.3
解決方案: video_player升級后字段發(fā)生了變化，initialized字段更換為:isInitialized(_controller.value.isInitialized)
2.2.8.4
解決方案:
2.2.8.5
解決方案:
2.2.8.6
解決方案: 方案一:刪除ios目錄下的Podfile.lock 文件然后重新運(yùn)行 pod install命令
方案二:刪除ios目錄下的Podfile.lock與Podfile文件 重新運(yùn)行flutter run或flutter build ios
方案三:刪除ios目錄,重新運(yùn)行 flutter create . 命令，注意有"."這個(gè)符號不要忘記
2.2.8.7
這個(gè)報(bào)錯(cuò)一般對應(yīng)的就是下面的報(bào)錯(cuò)，注意看后面的報(bào)錯(cuò)信息，看是哪個(gè)插件報(bào)錯(cuò)。
解決方案: 把Podfile的版本注釋打開，改為platform :ios, '9.0' 或者是更高的版本
全局替換
1.將new List() 替換為[];
2.TextField的inputFormatters:[WhitelistingTextInputFormatter.digitsOnly] 替換為[FilteringTextInputFormatter.digitsOnly]
3.TextField的inputFormatters:[WhitelistingTextInputFormatter(RegExp("[a-z|A-Z|0-9]"))]替換為FilteringTextInputFormatter.allow(RegExp("[a-z|A-Z|0-9]"))
4.Stack組件中overflow: Overflow.visible改為 clipBehavior: Clip.none；overflow: Overflow.clip改為clipBehavior:Clip.hardEdge
5.ListWheelScrollView組件中clipToSize = false改為clipBehavior: Clip.none,clipToSize = true改為 Clip.hardEdge
6.TextField中maxLengthEnforced: true改為maxLengthEnforcement:MaxLengthEnforcement.enforced
7.FlatButton、RaisedButton、OutlineButton的變化： 官方參考
顏色的屬性發(fā)生了變化，由原來的Color 變?yōu)榱薓aterialStatePropertyColor, 這是未了解決不同狀態(tài)(pressed、hovered、focused、disabled)下按鈕顏色的變化
例如
8.出現(xiàn)如下警告
9.showSnackBar報(bào)錯(cuò)誤
解決方案: Scaffold換為ScaffoldMessenger
10.textSelectionColor棄用
解決方案:
11.charts_flutter升級后屬性報(bào)錯(cuò)
解決方案:
12.flutter 真機(jī)調(diào)試無法訪問網(wǎng)絡(luò)，dio報(bào)錯(cuò)
解決方案:
android:
ios:
問題12完整參考
重慶分公司
重慶分公司
