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

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

順昌網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。

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

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ù)默認(rèn)是以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的布局默認(rèn)是沉浸式的,將狀態(tài)欄一起包含了,可以通過在body后添加一層SafeArea即可.

布局設(shè)置double.infinity占滿全屏高度卻無效,大部分情況都是因為某一級的父布局的高度已經(jīng)有了限制,所以設(shè)置充滿屏幕只會充滿父布局,有些widget默認(rèn)是按內(nèi)容填充類似wrap_content就會導(dǎo)致寫布局的過程中自己沒有限制高度但最后的布局不是自己想要的,可以給各個父布局設(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ù)文字消失會導(dǎo)致文字ui很高,counter的計數(shù)文字只是顏色是透明但依然在布局中占了位置所以導(dǎo)致文字很高,直接使用counterText:""即可

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

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

Flutter遇到的坑

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

后續(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ù)默認(rèn)是true，在沒有指定tag的情況下，會根據(jù)controller作為key進行全局map，若第二次調(diào)用時，會先通過Controller進行g(shù)et，正好我們的BaseWidget使用的是BaseController導(dǎo)致全局只有一個Controller從而導(dǎo)致第二個頁面無法刷新問題。我們只需要在基類中將global改為false，直接使用init的controller即可。

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

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

分享題目：flutter坑,flutter難嗎
文章起源：http://chinadenli.net/article18/dseeddp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、定制網(wǎng)站、全網(wǎng)營銷推廣、云服務(wù)器、移動網(wǎng)站建設(shè)、網(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)