Flutter项目中添加Webview（八）使用JavaScript渠道

最新推荐文章于 2024-05-07 14:11:03 发布

蚂蚁二娘

最新推荐文章于 2024-05-07 14:11:03 发布

阅读量1k

点赞数

文章标签： flutter javascript android

本文链接：https://blog.csdn.net/web2022050901/article/details/128563199

版权

借助JavascriptChannel，您的应用可以在WebView的JavaScript上下文中注册回调处理程序，可以调用这些回调处理程序将值传递回应用的Dart代码。在此步骤中，您将注册一个使用 SMLHttpRequest的结果调用SnackBar。

将WebViewStack类更新如下所示：

class WebViewStack extends StatefulWidget {const WebViewStack({required this.controller, Key? key}) : super(key: key);final Completer<WebViewController> controller;@overrideState<WebViewStack> createState() => _WebViewStackState();
}

class _WebViewStackState extends State<WebViewStack> {var loadingPercentage = 0;@overrideWidget build(BuildContext context) {return Stack(children: [WebView(initialUrl: 'https://flutter.dev',onWebViewCreated: (webViewController) {widget.controller.complete(webViewController);},onPageStarted: (url) {setState(() {loadingPercentage = 0;});},onProgress: (progress) {setState(() {loadingPercentage = progress;});},onPageFinished: (url) {setState(() {loadingPercentage &#