webview_flutter滑動(dòng)存在卡頓問題的完美解決方法

1.webview_flutter

創(chuàng)新互聯(lián)建站是專業(yè)的昌邑網(wǎng)站建設(shè)公司，昌邑接單;提供成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行昌邑網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

2.flutter_inappwebview

3.flutter_webview_plugin

筆者最近發(fā)現(xiàn)webview_flutter在Android端嵌套帶有較長的Webview頁面時(shí)偶?xì)W會(huì)存在卡頓問題表現(xiàn)為加速向下滑動(dòng)到頁面底部，然后從底部慢慢像上滑就不起作用了，體驗(yàn)很不好，經(jīng)過一天的排查和實(shí)驗(yàn)發(fā)現(xiàn)是webview_flutter插件自己的問題，用原生嵌套WebView并沒有問題，后來改成flutter_webview_plugin問題可以解決，但是flutter_webview_plugin插件并不是基于flutter渲染的并不能在嵌套webview的頁面自定義flutter樣式層，后來發(fā)現(xiàn)使用flutter_inappwebview插件能夠完美解決問題。推薦你們用flutter_inappwebview。

[Flutter] flutter項(xiàng)目一直卡在 Running Gradle task 'assembleDebug'...

首先將項(xiàng)目android目錄下的build.gradle中g(shù)oogle()和jcenter()替換成阿里鏡像地址

修改本地的flutter配置文件，flutter安裝目錄下找到packages/flutter_tools/gradle/flutter.gradle文件，repositories 修改為

將 MAVEN_REPO 地址替換為

修改 packages/flutter_tools/gradle/resolve_dependencies.gradle，替換maven地址為

重新運(yùn)行項(xiàng)目，等待一會(huì)就可以正常運(yùn)行。

Flutter 國內(nèi)鏡像 失效替換：

解決flutter環(huán)境配置問題引起的執(zhí)行flutter run卡住不動(dòng)

//修改的地方

maven?{?url?''?}

maven?{?url?''?}

maven?{?url?''?}

distributionUrl=file\:/D\:/softWare/gradle/gradle-5.4.1-all.zip

注意，你安裝的gradle版本必須和你項(xiàng)目配置的flutter版本想匹配，附上插件版本所需的 Gradle 版本鏈接 （），選擇安裝你適配的版本！

repositories?{

//?google()

//?jcenter()

//修改的地方

maven?{?url?''?}

maven?{?url?''?}

maven?{?url?''?}

}

//修改的地方

private?static?final?String?MAVEN_REPO?=?"";

project.rootProject.allprojects?{

repositories?{

maven?{

url?repository

//修改的地方

//添加

maven?{?url?''?}

maven?{?url?''?}

maven?{?url?''?}

}

}

}

修改這些地方后，執(zhí)行flutter clean后重新運(yùn)行flutter run，發(fā)現(xiàn)已經(jīng)運(yùn)行成功，

虛擬機(jī)內(nèi)也啟動(dòng)了flutter的demo畫面，至此，大功告成~~~

Flutter 異步加載數(shù)據(jù)，UI卡頓

記錄下坑

一開始我就使用Future、async、await去做異步操作，以為這樣能解決問題，經(jīng)過一天研究發(fā)現(xiàn)他們都還在同一個(gè)線程里面，也就是UI線程，導(dǎo)致卡頓，這明顯不是我們想要的異步加載數(shù)據(jù)。

Dart真正的線程叫隔離（Isolate）

難受香菇

有點(diǎn)心累，記錄下吧。

標(biāo)題名稱：flutter很卡,flutter 不看好
URL鏈接：http://chinadenli.net/article24/dscchje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、定制開發(fā)、動(dòng)態(tài)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、電子商務(wù)、面包屑導(dǎo)航

廣告

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