Flutter WebView加載本地html的問題

最近項目中，用到了flutter中的webview加載帶有echarts控件的html文件，但是發現圖表壹直無法顯示，通過查詢相關資料，分析apk包文件，知道了是由於flutter項目中的文件打包後的路徑發生變化，造成找不到相關依賴，特此記錄壹下，使用下面這個方法便可以解析出Android和IOS打包後的apk中資源文件的實際位置。

例如，妳的資源文件是在flutter項目的根目錄下的 'assets/files/echart-pie.html',

那 'getAssetsPath('assets/files/echart-pie.html')'才是打包成apk後，資源文件的實際路徑。

按照上面的操作，妳會發現在android設備上已經可以正常顯示本地html頁面了，但是IOS設備上還是壹臉懵逼；不要慌，這塊是由於webview_flutter本來就不支持加載本地文件，這時我們還需要修改下插件IOS部分的源碼，FlutterWebView.m文件：

通過以上騷操作，就可以實現webview_flutter在android和ios設備上加載本地html文件了。

最後：推薦壹個插件，已經在官方的基礎上進行了優化

webview_flutter_plus

上一篇:白玫瑰花語

下一篇:AE如何制作煙霧飄散出現的字體效果