Flutter使用url_launcher打开Facebook、Instagram提示链接损坏如何解决

该报错和链接本身有效性无关，核心触发原因有两个：

1. Android 11及以上版本启用了包可见性限制，应用默认无法探测到设备上已安装的Facebook、Instagram等Meta系App的存在，调用launchUrl并指定LaunchMode.externalApplication时，系统无法正确匹配到对应App处理链接，要么错误拉起浏览器的隔离实例，要么触发Meta App的深链合法性校验拦截，返回链接损坏提示。
2. Twitter链接可正常跳转是因为其对应的Intent过滤规则在系统默认可见白名单内，不需要额外声明权限；Meta系App不在默认白名单中，必须手动配置可见性规则。

Android端 #

• 打开项目路径下android/app/src/main/AndroidManifest.xml文件，在<manifest>根节点下（与<application>标签同级）添加包查询规则：

<queries>
    <!-- 声明需要探测的Meta系App包名 -->
    <package android:name="com.facebook.katana" />
    <package android:name="com.instagram.android" />
    <!-- 声明支持处理https链接的应用查询权限 -->
    <intent>
        <action android:name="android.intent.action.VIEW" />
        <data android:scheme="https" />
    </intent>
</queries>

• 跳转逻辑增加App存在性判断，优先调用Meta系App专属协议，未安装时再走网页链接兜底，避免深链校验失败：

// Facebook跳转示例
final fbAppUri = Uri.parse('fb://profile/$fbid');
final fbWebUri = Uri.parse('https://www.facebook.com/$fbid');
if (await canLaunchUrl(fbAppUri)) {
  await launchUrl(fbAppUri, mode: LaunchMode.externalApplication);
} else {
  await launchUrl(fbWebUri, mode: LaunchMode.externalNonBrowserApplication);
}

// Instagram跳转可参考上述逻辑，替换对应专属scheme为instagram://user?username=对应账号名即可

注意：兜底跳转使用LaunchMode.externalNonBrowserApplication模式，可避免系统错误拉起自定义标签页实例触发Meta的反爬拦截。

iOS端 #

• 打开项目路径下ios/Runner/Info.plist文件，在根<dict>节点内添加应用查询白名单：

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

• iOS端不需要额外修改跳转逻辑，添加白名单后url_launcher即可正常识别已安装的Meta系App，直接完成跳转不会触发报错。

• 功能测试必须使用安装了正版Facebook、Instagram的真机，模拟器默认无对应App，会直接走网页兜底，部分浏览器隐私模式会拦截Meta的追踪参数，同样会弹出链接损坏提示。
• 如果跳转目标是Facebook公共主页而非个人账号，需要把App端scheme路径替换为fb://page/$fbid，使用profile路径会触发跳转失败。

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