win7安裝flutter踩的坑記錄

之前安裝flutter sdk已經(jīng)安裝ok了，但是最近升級(jí)了一下flutter版本到1.26，發(fā)現(xiàn)崩了，記錄一下出的錯(cuò)及解決方法。

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)、賀蘭網(wǎng)絡(luò)推廣、小程序制作、賀蘭網(wǎng)絡(luò)營(yíng)銷、賀蘭企業(yè)策劃、賀蘭品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供賀蘭建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

提前已經(jīng)安裝好android studio 及 android 環(huán)境

1，運(yùn)行flutter_console，輸入flutter doctor 閃退問(wèn)題

cmd閃退，放到PowerShell中執(zhí)行，我是發(fā)現(xiàn)以下的錯(cuò)誤

fix:PowerShell最低要求為5.0，

升級(jí)方案：

2：運(yùn)行flutter doctor 無(wú)反應(yīng)問(wèn)題

第一種方案-檢查環(huán)境變量配置

第二種方案-fc

3:android studio創(chuàng)建flutter project時(shí)間比較長(zhǎng)問(wèn)題

運(yùn)行flutter

報(bào)錯(cuò)提示上看得執(zhí)行flutter doctor --android-licenses

到此就可以正常執(zhí)行了

Flutter遇到的坑

最近寫(xiě)了一個(gè)LoadingView用于頁(yè)面的網(wǎng)絡(luò)加載，使用的是StatefulWidget。由于項(xiàng)目是使用的Get對(duì)狀態(tài)進(jìn)行控制的，所以在GetBuild中對(duì)Loading進(jìn)行刷新。但在使用中發(fā)現(xiàn)rebuild LoadingView沒(méi)有刷新?tīng)顟B(tài)，看參數(shù)是在Widget中更新了的。

后續(xù)定位發(fā)現(xiàn)，StatefulWidget在rebuild的時(shí)候，并不會(huì)重新執(zhí)行initState方法，而只會(huì)執(zhí)行build方法，這也符合state和widget的一對(duì)多原則。知道問(wèn)題所在，修改也非常簡(jiǎn)單。去掉state中的status變量，使用widget中的initStatus值即可。

在此記錄，對(duì)于Get的一些注意點(diǎn)。

目前項(xiàng)目中對(duì)Widget進(jìn)行了內(nèi)嵌LoadingView的BaseWidget封裝，對(duì)GetxController進(jìn)行了LoadingStatus狀態(tài)操作的BaseController封裝。發(fā)現(xiàn)在第二個(gè)繼承了BaseWidget的頁(yè)面中，對(duì)綁定的Controller進(jìn)行update操作無(wú)效。

閱讀源碼后發(fā)現(xiàn)，GetBuilder的global參數(shù)默認(rèn)是true，在沒(méi)有指定tag的情況下，會(huì)根據(jù)controller作為key進(jìn)行全局map，若第二次調(diào)用時(shí)，會(huì)先通過(guò)Controller進(jìn)行g(shù)et，正好我們的BaseWidget使用的是BaseController導(dǎo)致全局只有一個(gè)Controller從而導(dǎo)致第二個(gè)頁(yè)面無(wú)法刷新問(wèn)題。我們只需要在基類中將global改為false，直接使用init的controller即可。

目前在做App的主題色切換功能，發(fā)現(xiàn)在部分主題色下，Appbar的標(biāo)題和Action自動(dòng)變成深色，查閱資料后得知，由于色值的computeLuminance值過(guò)大導(dǎo)致Brightness自動(dòng)為Brightness.light。

知道原因后就好辦了，通過(guò)設(shè)置ThemeData里面的Brightness類型的參數(shù)為Brightness.dark（注意我們只需要Appbar為深色，brightness參數(shù)控制的是整個(gè)頁(yè)面，不修改）。經(jīng)驗(yàn)證，primaryColorBrightness控制Appbar的標(biāo)題和action，修改即可。

Flutter 集成第三方藍(lán)牙庫(kù)踩坑記錄

最近在寫(xiě)flutter應(yīng)用，需要集成藍(lán)牙功能，用了一個(gè)第三方的庫(kù)，踩了一些坑，做一下記錄。

這是庫(kù)的地址 PhilipsHue/flutter_reactive_ble: Flutter library that handles BLE operations for multiple devices. (github.com)

安卓主要的坑就是，在使用藍(lán)牙功能的時(shí)候，需要獲取定位權(quán)限，這個(gè)需要?jiǎng)討B(tài)獲取。

集成之后，編譯出錯(cuò)，提示Swift Compiler Error。

（1）首先嘗試，修改對(duì)應(yīng)三方庫(kù)的Swift編譯版本。

我這邊嘗試修改，沒(méi)有成功。

（2） 沒(méi)辦法，我這邊手動(dòng)修改三方庫(kù)的源碼文件，進(jìn)行修復(fù)。重新編譯成功。

其他問(wèn)題

Flutter踩坑之旅

記錄下自己踩過(guò)的坑,怕忘了

一.TextField:

1.去掉輸入數(shù)字的計(jì)數(shù):decoration中的counterStyle: TextStyle(color: Colors.transparent).

2.去掉獲取和失去焦點(diǎn)時(shí)邊框改變顏色的效果:decoration內(nèi)border: InputBorder.none,

3.去邊框時(shí)設(shè)置BorderSide的width為0或color: Colors.transparent后依然存在邊框時(shí),需要設(shè)置為borderSide: BorderSide.none

4.設(shè)置背景色需要在decoration內(nèi) ? ? filled:true, ? fillColor: Colors.blue同時(shí)設(shè)置才會(huì)顯示

二.Uint8List類型和string類型,Listint的轉(zhuǎn)換

連續(xù)兩次base64解碼時(shí),參數(shù)只能使用string類型,但是base64解碼后是Uint8List類型,此時(shí)需要將Uint8List類型轉(zhuǎn)換為string類型,使用:utf8.decode(Uint8List)即可,需要import 'dart:convert';

Listint轉(zhuǎn)Uint8List:讀取接口時(shí)獲取的數(shù)據(jù)是Listint的圖片數(shù)據(jù),想顯示時(shí)需要轉(zhuǎn)成Uint8List,然后使用Image.memory(),使用:Uint8List.fromList(Listint)即可

三.報(bào)錯(cuò):DioError [DioErrorType.DEFAULT]: FormatException: Unexpected character (at character 1)MGFlMFo0NEZ3RWNMbE5YbGNGOXZGcUlJdUhIS2x2Q3NlckxqWXlEeG5JWndZdXIrSUpLN3ZOczR...

這是因?yàn)閐io請(qǐng)求返回的數(shù)據(jù)默認(rèn)是以json的格式讀取的,而返回的數(shù)據(jù)是密文形式,需要修改dio的Options的responseType為ResponseType.PLAIN,這樣返回的數(shù)據(jù)就以字符串形式處理.

四.去掉點(diǎn)擊控件背景出現(xiàn)的水波紋效果,即去掉md的效果:

在main.dart的MaterialApp內(nèi)的theme加上splashColor: Colors.transparent

五.布局去掉沉浸式效果和布局設(shè)置占滿全屏卻無(wú)效的問(wèn)題

使用Scaffold的body的布局默認(rèn)是沉浸式的,將狀態(tài)欄一起包含了,可以通過(guò)在body后添加一層SafeArea即可.

布局設(shè)置double.infinity占滿全屏高度卻無(wú)效,大部分情況都是因?yàn)槟骋患?jí)的父布局的高度已經(jīng)有了限制,所以設(shè)置充滿屏幕只會(huì)充滿父布局,有些widget默認(rèn)是按內(nèi)容填充類似wrap_content就會(huì)導(dǎo)致寫(xiě)布局的過(guò)程中自己沒(méi)有限制高度但最后的布局不是自己想要的,可以給各個(gè)父布局設(shè)置不同背景顏色來(lái)查看是從哪兒開(kāi)始被限制了高度來(lái)排查問(wèn)題.

六.占滿剩余空間,類似android的match_parent可以使用double.infinity

七.LinearProgressIndicator

1.LinearProgressIndicator設(shè)置進(jìn)度值的顏色為單一顏色:valueColor : new AlwaysStoppedAnimation(Color(JColor.blue))

2.給LinearProgressIndicator設(shè)置圓角:ClipRRect(

borderRadius:BorderRadius.circular(60.0),

child:LinearProgressIndicator(value:0.2,backgroundColor:Color(JColor.grayBg),valueColor:new AlwaysStoppedAnimation(Color(JColor.blue)),

)

八.Expanded:

1.若嵌套多層column且內(nèi)容的高度都不確定需要占滿剩余空間,需要每層的column的內(nèi)容都嵌套一層expanded來(lái)申明每層都占滿剩余的空間,否則最里面的內(nèi)容層需要指定高度,不然會(huì)報(bào)錯(cuò)

九.Container設(shè)置最小/大寬度或高度:

constraints:BoxConstraints(minHeight:56),

十.滑動(dòng)的widget嵌套:

1.解決滑動(dòng)沖突:內(nèi)層嵌套的滑動(dòng)widget設(shè)置physics:NeverScrollableScrollPhysics()

2.解決滑動(dòng)嵌套u(yù)i顯示不出來(lái)或者報(bào)錯(cuò),內(nèi)層的滑動(dòng)widget設(shè)置shrinkWrap:true

十一.使用multi_image_picker: ^4.3.4安卓運(yùn)行報(bào)錯(cuò)Didn't find class "com.sangcomz.fishbun.FishBunFileProvider"

1.需要android工程支持androidx,需要在android工程的gradle.properties內(nèi)添加android.enableJetifier=true和android.useAndroidX=true并點(diǎn)擊右上角的open for editing in android studio,運(yùn)行成功后就可以了

十二.使用textfield時(shí)的文字ui總是很高

使用了maxlength且只是在textfield的InputDecoration設(shè)置counterStyle的顏色為透明使下面的計(jì)數(shù)文字消失會(huì)導(dǎo)致文字ui很高,counter的計(jì)數(shù)文字只是顏色是透明但依然在布局中占了位置所以導(dǎo)致文字很高,直接使用counterText:""即可

十三.使用ListView報(bào)錯(cuò)Vertical viewport was given unbounded height

需要將ListView放入Expanded內(nèi)部