当前位置：首页 > article >正文

Flutter url_launcher：打开网页、邮件、电话和短信的最佳实践

article 2025/1/20 18:33:00

Flutter url_launcher：打开网页、邮件、电话和短信的最佳实践

如何在 Flutter 中使用 url_launcher 打开网页和发送短信

视频

https://youtu.be/uGT43gZNkyc

https://www.bilibili.com/video/BV1G42EYcE7K/

前言

原文如何在 Flutter 中使用 url_launcher 打开网页和发送短信

本文介绍了如何在 Flutter 中使用 url_launcher 插件打开网页、拨打电话、发送电子邮件和发送短信，提供详细的步骤和示例代码，帮助开发者提升应用功能。

url_launcher 插件打开网页

参考

https://pub.dev/packages/url_launcher

步骤

依赖包：

pubspec.yaml

dependencies:

  url_launcher: ^6.3.0

IOS：

ios/Runner/Info.plist

		<key>LSApplicationQueriesSchemes</key>
		<array>
			<string>https</string>
			<string>sms</string>
			<string>tel</string>
		</array>

加入你需要的协议头 https sms tel。

Android：

android/app/src/main/AndroidManifest.xml

    <queries>
        <intent>
            <action android:name="android.intent.action.VIEW" />
            <data android:scheme="https" />
        </intent>
        <intent>
            <action android:name="android.intent.action.VIEW" />
            <data android:scheme="tel" />
        </intent>
        <intent>
            <action android:name="android.intent.action.VIEW" />
            <data android:scheme="sms" />
        </intent>
    </queries>

android 下加入请求头协议。

launchUrl 调用：

打开网址

  Future<void> onOpenUrl(String url, {LaunchMode? mode}) async {
    Uri uri = Uri.parse(url);
    if (!await canLaunchUrl(uri)) {
      throw Exception('Could not launch $url');
    }
    if (!await launchUrl(
      uri,
      mode: mode ?? LaunchMode.platformDefault,
    )) {
      throw Exception('Could not launch $url');
    }
  }

编码参数

  String? encodeQueryParameters(Map<String, String> params) {
    return params.entries
        .map((e) =>
            '${Uri.encodeComponent(e.key)}=${Uri.encodeComponent(e.value)}')
        .join('&');
  }

发送邮件

  Future<void> onSendMail(String to, String subject, String body) async {
    final Uri uri = Uri(
      scheme: 'mailto',
      path: to,
      query: encodeQueryParameters(<String, String>{
        'subject': subject,
        'body': body,
      }),
    );
    if (!await canLaunchUrl(uri)) {
      throw Exception('Could not launch $to');
    }
    if (!await launchUrl(uri)) {
      throw Exception('Could not launch $to');
    }
  }

发送短信

  Future<void> onSendSMS(String phone, String body) async {
    final Uri uri = Uri(
      scheme: 'sms',
      path: phone,
      queryParameters: <String, String>{
        'body': body,
      },
    );
    if (!await canLaunchUrl(uri)) {
      throw Exception('Could not launch sms $phone');
    }
    if (!await launchUrl(uri)) {
      throw Exception('Could not launch sms $phone');
    }
  }

视图代码：

  Widget _buildView() {
    return Center(
      child: Column(
        children: [
          // url
          ElevatedButton(
            onPressed: () => onOpenUrl("https://baidu.com"),
            child: const Text('打开 baidu.com'),
          ),

          // url app 内打开
          ElevatedButton(
            onPressed: () => onOpenUrl(
              "https://baidu.com",
              mode: LaunchMode.inAppWebView,
            ),
            child: const Text('APP 内，打开 baidu.com'),
          ),

          // url app 内打开
          ElevatedButton(
            onPressed: () => onOpenUrl(
              "https://baidu.com",
              mode: LaunchMode.externalApplication,
            ),
            child: const Text('外部，打开 baidu.com'),
          ),

          // email
          ElevatedButton(
            onPressed: () => onSendMail("ducafecat@gmail.com", "邮件标题", "邮件正文"),
            child: const Text('发送邮件'),
          ),

          // sms
          ElevatedButton(
            onPressed: () => onSendSMS("+1234567890", "短信正文"),
            child: const Text('发送短信'),
          ),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('url_launcher'),
      ),
      body: _buildView(),
    );
  }

代码

本文配套代码

小结

在本文中，我们详细介绍了 Flutter 中 url_launcher 插件的使用方法，包括如何打开网页、拨打电话、发送电子邮件和发送短信。通过具体的示例和最佳实践，开发者可以轻松实现这些功能，从而提升应用的用户体验。希望本文能为你提供实用的参考，帮助你在 Flutter 开发中高效使用 url_launcher 插件。

感谢阅读本文

如果有什么建议，请在评论中让我知道。我很乐意改进。