flutter webview浏览器及与js交互、打开第三方app

添加pubspec.yaml依赖

url_launcher: ^5.4.1

webview_flutter: ^0.3.18+1

--------------main.dart

import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:webview_flutter/webview_flutter.dart';void main() => runApp(MyApp());const String TITLE='whq_test';class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(title: TITLE,theme: ThemeData(primarySwatch: Colors.blue,),home: MyHomePage(title: TITLE),);}
}class MyHomePage extends StatefulWidget {MyHomePage({Key key, this.title}) : super(key: key);final String title;@override_MyHomePageState createState() => _MyHomePageState();
}class _MyHomePageState extends State<MyHomePage> {String _title = TITLE;WebViewController _webViewController=null;@overridevoid initState() {super.initState();}void _openApp(openurl) async{// Androidprint("open app");final url = 'vnd.'+openurl;if (await canLaunch(url)) {await launch(url);} else {//  Iosfinal url = openurl;if(await canLaunch(url)){await launch(url);}else{throw 'Could not launch $url';}}}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text(_title),),body: WebView(initialUrl: "http://whqtest/app/test.html",javascriptMode: JavascriptMode.unrestricted,navigationDelegate: (NavigationRequest request){if (request.url.startsWith('js://webview')) {print('blocking navigation to $request}');_openApp(request.url.replaceAll("js://webview", "").replaceAll("?url=", ""));return NavigationDecision.prevent;}print('allowing navigation to $request');return NavigationDecision.navigate;},onWebViewCreated: (WebViewController webViewController){_webViewController=webViewController;},onPageFinished: (url){_webViewController.evaluateJavascript("document.title").then((result){String title = result.substring(1, result.length - 1);if (title.length > 0) {print(title);setState(() {_title = title;});}});},),);}@overridevoid dispose(){super.dispose();_webViewController=null;}
}

————————test.html

hello world!<a href="https://www.baidu.com">百度</a><a href="js://webview?url=weixin://">微信</a>

flutter webview浏览器及与js交互、打开第三方app相关推荐

uni-app 实现打开第三方app
uni-app 实现打开第三方app manifest.json -> plus -> distribute -> apple 节点下,添加 urlschemewhitelist.对 ...
WebView打开第三方APP
最近做项目遇到一个需求,用应用内WebView打开淘宝和支付宝来进行授权,之前没做过,写下来记录一下 1.首先webview要实现setWebViewClient, shouldOverrideUrl ...
Android Webview打开第三方APP（高德地图淘宝 QQ等等）
现在很多APP不单靠Android原生开发来完成,今天我们就遇到一个情况,app嵌入H5界面也就是我们通常用的Webview来显示.当进行点击操作跳转到对应的APP.比如说点击网页的导航跳转到高德地图 ...
android 模拟点击第三方app,Android实现打开第三方app
前言在android开发过程中,我们有时会涉及到在本应用中打开第三方应用的需求,那么这里我封装了一个工具类--AppHelper,用于实现获取本设备中app安装列表及在本应用中打开第三方应用的功能, ...
Android打开第三方APP
直接调appReRunning /*** 打开另一个app** @param context* @param packname*/public static int openOtherApp(Cont ...
android封装全局调用的toast_【Android】Android中WebView实现Java与JS交互
现在混合式开发是大趋势,H5不断蚕食移动互联网的份额,有的公司甚至只用H5就搞了一个APP,我们搞Android的不说会点H5,至少要懂怎么和H5(和JavaScript)交互,费话不多说. 一.先看 ...
Android webview和HTML的JS交互
1.webView加载页面我们都知道在Android中是通过webView来加载html页面的,根据HTML文件所在的位置不同写法也不同: //例如:加载assets文件夹下的test.html页面 ...
js/html打开手机APP常用应用大全
js通过URL Scheme打开常用应用大全系统短信 sms:// app store itms-apps:// 电话 tel:// 备忘录 mobilenotes:// 设置 prefs:roo ...
Android 打开高德地图、百度地图进行导航；打开第三方App去导航；
抽成工具类了,复制下来就能直接用了,直接看代码吧: 高德地图Url Api: http://lbs.amap.com/api/amap-mobile/guide/android/navigation ...

flutter webview浏览器及与js交互、打开第三方app

flutter webview浏览器及与js交互、打开第三方app相关推荐

最新文章

热门文章