如何用Flutter的url_launcher包实现社交按钮点击式多平台文本分享？

直接针对你要实现的四个社交应用，给出基于url_launcher的具体实现方案，每个应用都包含应用内唤起和网页 fallback 的处理，还有平台配置注意事项：

WhatsApp #

WhatsApp支持直接通过自定义Scheme唤起并传递分享文本，代码实现很直接：

import 'package:url_launcher/url_launcher.dart';

Future<void> shareToWhatsApp(String shareText) async {
  final shareUri = Uri.parse('whatsapp://send?text=${Uri.encodeComponent(shareText)}');
  if (await canLaunchUrl(shareUri)) {
    await launchUrl(shareUri);
  } else {
    // 可添加弹窗提示用户安装WhatsApp
    throw '无法打开WhatsApp，请检查是否已安装';
  }
}

Android配置：在AndroidManifest.xml里添加查询声明，否则Android 11+无法检测到应用是否安装：

<queries>
  <package android:name="com.whatsapp" />
</queries>

Facebook #

Facebook的应用内分享Scheme兼容性略差，优先尝试唤起应用，失败就跳网页分享：

Future<void> shareToFacebook(String shareText) async {
  // 尝试唤起Facebook应用
  final appShareUri = Uri.parse('fb://share/?text=${Uri.encodeComponent(shareText)}');
  if (await canLaunchUrl(appShareUri)) {
    await launchUrl(appShareUri);
  } else {
    // 应用未安装则跳网页分享
    final webShareUri = Uri.parse('https://www.facebook.com/sharer/sharer.php?quote=${Uri.encodeComponent(shareText)}');
    if (await canLaunchUrl(webShareUri)) {
      await launchUrl(webShareUri);
    } else {
      throw '无法打开Facebook';
    }
  }
}

Android配置：同样要加查询声明：

<queries>
  <package android:name="com.facebook.katana" />
</queries>

Twitter/X #

Twitter的Scheme支持直接唤起发布界面并填充文本，代码如下：

Future<void> shareToTwitter(String shareText) async {
  final appShareUri = Uri.parse('twitter://post?message=${Uri.encodeComponent(shareText)}');
  if (await canLaunchUrl(appShareUri)) {
    await launchUrl(appShareUri);
  } else {
    // 跳网页版分享
    final webShareUri = Uri.parse('https://twitter.com/intent/tweet?text=${Uri.encodeComponent(shareText)}');
    await launchUrl(webShareUri);
  }
}

Android配置：添加查询声明：

<queries>
  <package android:name="com.twitter.android" />
</queries>

Instagram #

Instagram的自定义Scheme不支持直接传递文本，可先把文本复制到剪贴板，再唤起它的发布界面，让用户手动粘贴：

import 'package:flutter/services.dart';
import 'package:url_launcher/url_launcher.dart';

Future<void> shareToInstagram(String shareText) async {
  // 先把文本复制到剪贴板
  await Clipboard.setData(ClipboardData(text: shareText));
  // 唤起Instagram的发布界面
  final launchUri = Uri.parse('instagram://library');
  if (await canLaunchUrl(launchUri)) {
    await launchUrl(launchUri);
  } else {
    // 跳网页版提示用户手动分享
    await launchUrl(Uri.parse('https://www.instagram.com/'));
    throw '无法打开Instagram，请手动粘贴文本分享';
  }
}

Android配置：添加查询声明：

<queries>
  <package android:name="com.instagram.android" />
</queries>

通用必做配置 #

• 所有分享文本必须用Uri.encodeComponent编码，避免特殊字符（比如空格、中文）导致URL解析失败
• iOS需要在Info.plist里添加允许查询的Scheme列表：

<key>LSApplicationQueriesSchemes</key>
<array>
  <string>whatsapp</string>
  <string>fb</string>
  <string>twitter</string>
  <string>instagram</string>
</array>

• 每次调用launchUrl前必须用canLaunchUrl检查应用是否安装，防止崩溃

内容的提问来源于stack exchange，提问作者Vinay Bakle