Android開發(fā)之Flutter與webview通信橋梁實現(xiàn)
更新時間：2022年06月08日 10:49:53 作者：Jenk
這篇文章主要為大家介紹了Android開發(fā)之Flutter與webview通信橋梁實現(xiàn)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
前言
最近業(yè)務有需求需要在flutter內使用webview進行內嵌H5進行展示，此時需要涉及到H5與flutter之間額通信問題。比如發(fā)送消息或者H5調用Flutter的相機等等
webview選型
這里我們使用官方維護的插件webview_flutter
如何通信？
webview在初始化的時候需要向容器內注冊一個全局方法供H5進行調用
WebView(
initialUrl: 'https://flutter.dev',
javascriptMode: JavascriptMode.unrestricted,
javascriptChannels: <JavascriptChannel>{
_toasterJavascriptChannel(context),
}
....
....
)
JavascriptChannel _toasterJavascriptChannel(BuildContext context) {
return JavascriptChannel(
name: 'Toaster',//注冊一個名字為Toaster的全局js方法
onMessageReceived: (JavascriptMessage message) {
//處理業(yè)務的代碼邏輯
print(message)
});
}H5發(fā)送消息給flutter
H5發(fā)送消息采用xxxx.postMessage形式，注意這里對象需要JSON.stringify
Toaster.postMessage(
JSON.stringify({
name: 'tom',
age: 12
})
);flutter發(fā)送消息給H5
需要調用runJavascript方法，我們可以在H5中聲明一個全局windows方法
window.globalCallback = function (data) {
console.log(data)
};flutter發(fā)送采用runJavascript形式
WebViewController!.runJavascript('globalCallback(123)');//如果是對象也需要json.encode序列化以上就是Android開發(fā)之Flutter與webview通信橋梁實現(xiàn)的詳細內容，更多關于Android開發(fā)Flutter webview通信的資料請關注腳本之家其它相關文章！
相關文章
今天模仿安卓QQ空間,打開程序的啟動畫面和導航頁面我就不做了，大家可以模仿微信的那個做一下，很簡單。這次主要做一下主頁面的實現(xiàn),感興趣的朋友可以參考下2013-01-01
本篇文章主要介紹了android相冊選擇圖片的編碼實現(xiàn)代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
本文是此系列文章的第二篇，給大家介紹的是項目相關的內容，非常的細致全面，有需要的小伙伴可以參考下2016-02-02
網上有很多android 復制 粘貼 剪切功能的文章，只是放到自己的程序中不知道如何處理，現(xiàn)在尋得一可行方法，需要的朋友可以參考下2012-11-11
Android用Scroller實現(xiàn)一個可向上滑動的底部導航欄
本篇文章主要介紹了Android用Scroller實現(xiàn)一個可上滑的底部導航欄，具有一定的參考價值，有興趣的小伙伴們可以參考一下2017-07-07
Android WebView通過動態(tài)的修改js去攔截post請求參數(shù)實例
這篇文章主要介紹了Android WebView通過動態(tài)的修改js去攔截post請求參數(shù)實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-03-03
這篇文章主要介紹了一個超實用的Android手勢鎖制作實例教程,普通的圓環(huán)形圖標變換,在App和系統(tǒng)的鎖屏界面中都可以調用,需要的朋友可以參考下2016-04-04
這篇文章主要為大家詳細介紹了Android繪制雙折線圖的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
大家好，本篇文章主要講的是Android中String與int相互轉換，感興趣的同學趕快來看一看吧，對你有幫助的話記得收藏一下，方便下次瀏覽2021-12-12
這篇文章主要介紹了Android仿淘寶訂單頁面效果，電商項目的訂單管理模塊，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12