Flutter使用url_launcher无法唤起Facebook Messenger如何解决？

• Android 11及以上系统的应用可见性限制：系统默认禁止应用直接检测其他已安装应用的存在，若未在AndroidManifest中声明Messenger的查询权限，canLaunch会直接返回false，即便设备已安装Messenger也无法检测到。
• 平台白名单配置缺失：iOS系统要求在Info.plist中提前声明要唤起的第三方应用的URL Scheme白名单，未配置Messenger对应的Scheme的话，会直接禁止跳转。
• url_launcher API使用不规范：forceWebView参数在url_launcher 6.0+版本已废弃，未显式指定跳转模式的情况下，系统可能优先选择打开内置WebView而不是唤起原生Messenger应用。

步骤1：完成平台配置 #

Android端 #

在android/app/src/main/AndroidManifest.xml的manifest标签下（与application标签同级）添加查询权限配置：

<queries>
    <!-- 适配Messenger应用检测 -->
    <package android:name="com.facebook.orca" />
    <intent>
        <action android:name="android.intent.action.VIEW" />
        <data android:scheme="https" android:host="m.me" />
    </intent>
</queries>

iOS端 #

在ios/Runner/Info.plist的dict标签内添加白名单配置：

<key>LSApplicationQueriesSchemes</key>
<array>
    <string>fb-messenger</string>
    <string>m.me</string>
</array>

步骤2：调整代码逻辑 #

使用url_launcher 6.0+版本的新API，显式指定跳转模式为外部应用打开：

OutlinedButton.icon(
  onPressed: () async {
    const messengerUrl = "https://m.me/myfacebookname";
    final isAbleToLaunch = await canLaunchUrl(Uri.parse(messengerUrl));
    if (isAbleToLaunch) {
      await launchUrl(
        Uri.parse(messengerUrl),
        // 强制调用外部应用打开，不使用内置WebView
        mode: LaunchMode.externalApplication,
      );
    } else {
      throw 'Could not launch $messengerUrl';
    }
  },
  icon: const Icon(Icons.messenger_outline_sharp),
  label: const AutoSizeText(""),
  style: ButtonStyle(
    shape: MaterialStateProperty.all(RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(30.0))),
  ),
),

可选优化 #

如果上述方案仍有概率跳转失败，可以增加原生Scheme跳转作为优先选项：先尝试打开fb-messenger://user/你的Facebook用户ID，如果失败再 fallback到m.me的网页链接。

内容的提问来源于stack exchange，提问作者Alex Aung