webview显示详情页，拦截点击事件拨打电话

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

加载html详情页面

一、添加依赖

  webview_flutter: ^0.3.10+3  
  # 打开网址、发送邮件、拨打电话、以及发送信息功能
  url_launcher: ^5.1.0

二、使用

import 'package:webview_flutter/webview_flutter.dart';
import 'package:url_launcher/url_launcher.dart';

class ServiceDetail extends StatelessWidget {
 final String url;
  ServiceDetail(this.url);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("服务详情"),
        centerTitle: true,
      ),
      body: WebView(
            initialUrl: url,
            navigationDelegate: (NavigationRequest request) {
              if (request.url.startsWith('tel:')) {
                launch(request.url);
                return NavigationDecision.prevent;
              }
              return NavigationDecision.navigate;
            },
      ),
    );
  }
}

https://pub.flutter-io.cn/documentation/webview_flutter/latest/webview_flutter/webview_flutter-library.html https://pub.flutter-io.cn/documentation/flutter_web_view/latest/flutter_web_view/FlutterWebView-class.html https://pub.flutter-io.cn/documentation/flutter_webview_plugin/latest/flutter_webview_plugin/WebViewStateChanged-class.html

来源：oschina

链接：https://my.oschina.net/u/2427561/blog/3153269