Flutter遇到的坑

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

創(chuàng)新互聯(lián)公司從2013年開始，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都網(wǎng)站設(shè)計、成都做網(wǎng)站網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元如東做網(wǎng)站,已為上家服務(wù),為如東各地企業(yè)和個人服務(wù),聯(lián)系電話:13518219792

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

在此記錄，對于Get的一些注意點。

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

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

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

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

flutter 藍牙開發(fā)遇到的坑

flutter 藍牙開發(fā)遇到的坑

最近在做個flutter藍牙功能，用的flutter_blue,在iOS上沒有任何問題，照著例子寫完，正常運行藍牙功能，但是在安卓上發(fā)現(xiàn)各種坑，用這個插件首先是有些設(shè)備拿不到設(shè)備名稱，還有就是讀寫特征和ios上拿到的也不一樣。折騰好久，最后在github上找到外國友人給出的方案，就是用flutter_bluetooth_serial這個插件可以解決以上問題，就試了一下，結(jié)果真可以解決問題，而且這個用法感覺比flutter_blue 更強大，不需要通過讀寫特征值進行通訊，直接就能通過connection寫入和接收數(shù)據(jù)。做下記錄，希望能幫到有同樣問題的人。因為我在遇到問題時，百度了全是不能解決問題的辦法。

Flutter 集成第三方藍牙庫踩坑記錄

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

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

安卓主要的坑就是，在使用藍牙功能的時候，需要獲取定位權(quán)限，這個需要動態(tài)獲取。

集成之后，編譯出錯，提示Swift Compiler Error。

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

我這邊嘗試修改，沒有成功。

（2） 沒辦法，我這邊手動修改三方庫的源碼文件，進行修復。重新編譯成功。

其他問題

win7安裝flutter踩的坑記錄

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

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

1，運行flutter_console，輸入flutter doctor 閃退問題

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

fix:PowerShell最低要求為5.0，

升級方案：

2：運行flutter doctor 無反應(yīng)問題

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

第二種方案-fc

3:android studio創(chuàng)建flutter project時間比較長問題

運行flutter

報錯提示上看得執(zhí)行flutter doctor --android-licenses

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

Flutter踩坑之旅

記錄下自己踩過的坑,怕忘了

一.TextField:

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

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

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

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

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

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

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

三.報錯:DioError [DioErrorType.DEFAULT]: FormatException: Unexpected character (at character 1)MGFlMFo0NEZ3RWNMbE5YbGNGOXZGcUlJdUhIS2x2Q3NlckxqWXlEeG5JWndZdXIrSUpLN3ZOczR...

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

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

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

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

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

布局設(shè)置double.infinity占滿全屏高度卻無效,大部分情況都是因為某一級的父布局的高度已經(jīng)有了限制,所以設(shè)置充滿屏幕只會充滿父布局,有些widget默認是按內(nèi)容填充類似wrap_content就會導致寫布局的過程中自己沒有限制高度但最后的布局不是自己想要的,可以給各個父布局設(shè)置不同背景顏色來查看是從哪兒開始被限制了高度來排查問題.

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

七.LinearProgressIndicator

1.LinearProgressIndicator設(shè)置進度值的顏色為單一顏色: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來申明每層都占滿剩余的空間,否則最里面的內(nèi)容層需要指定高度,不然會報錯

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

constraints:BoxConstraints(minHeight:56),

十.滑動的widget嵌套:

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

2.解決滑動嵌套ui顯示不出來或者報錯,內(nèi)層的滑動widget設(shè)置shrinkWrap:true

十一.使用multi_image_picker: ^4.3.4安卓運行報錯Didn't find class "com.sangcomz.fishbun.FishBunFileProvider"

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

十二.使用textfield時的文字ui總是很高

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

十三.使用ListView報錯Vertical viewport was given unbounded height

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

新聞名稱：flutter的坑,flutter難不難
文章來源：http://www.rwnh.cn/article42/dsigdhc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、Google、品牌網(wǎng)站建設(shè)、App開發(fā)、自適應(yīng)網(wǎng)站、定制開發(fā)

廣告

聲明：本網(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)