如何在 WebView Flutter 中允许 mailto 和 tel URL 方案？

Question

我正在 Flutter 中开发 WebApp，但是当我单击tel:987654321或mailto:链接转到页面未找到时，要在移动设备中打开默认应用程序，我使用 url_launcher 依赖项但是在后台，当我单击 WebView 时也会运行相同的链接并转到未找到的页面。

如何处理这个任务？

Answer 1

navigationDelegate: (NavigationRequest request) {
  if(request.url.contains("mailto:")) {
    launch(request.url);
    return NavigationDecision.prevent;
  }
  else if (request.url.contains("tel:")) {
    launch(request.url);
    return NavigationDecision.prevent;
  }
},

Answer 2

添加一些细节，需要 url_launcher插件

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

  _launchURL(url) async {
    if (await canLaunch(url)) {
      await launch(url);
    } else {
      throw 'Could not launch $url';
    }
  }

in Widget-build ...

WebView(
        initialUrl: 'http://example.com',
        navigationDelegate: (NavigationRequest request) {
          if (request.url.contains("mailto:")) {
            _launchURL(request.url);
            return NavigationDecision.prevent;
          } else if (request.url.contains("tel:")) {
            _launchURL(request.url);
            return NavigationDecision.prevent;
          }
          return NavigationDecision.navigate;
        },
)