webview顯示詳情頁，攔截點擊事件撥打電話

加載html詳情頁面

1、添加依賴

webview_flutter: ^0.3.10+3  
  # 打開網址、發送郵件、撥打電話、以及發送信息功能
  url_launcher: ^5.1.0

2、使用

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