作为一名web开发人员,也按耐不住来蹭一波flutter
的热度。项目中要求用flutter嵌套web,此处采用webview_flutter
插件【官方文档】。插件的使用方法不做赘述。此处分享:如何控制内嵌web的返回键行为,返回web上一路由 or 退出webview ?
1. 自制导航条
由于webview_flutter
没有封装导航条,首先我们需要自制一个带有返回箭头的导航条。
return new Scaffold(
appBar: new AppBar(
title: Text("可惜不是我的猪亚敏"),
leading: new IconButton(
icon: Icon(Icons.arrow_back),
onPressed: () => {},
),
),
body: new WebView(...);
2. 配置webview属性
配置需要加载的webview属性。想要控制路由行为,最重要的一步就将定义的私有量_controller
指向webViewController
。后面通过_controller
控制路由行为
body: new WebView(
onWebViewCreated: (WebViewController webViewController) {
_controller = webViewController;
}, // webview创建结束