React Native跳转Facebook个人主页的Android URL Schema是什么

可用Schema格式 #

根据你持有的主页参数选对应格式：

• 持有数字型Profile ID（兼容性最优）：fb://profile/{你的数字profile ID}
• 持有自定义用户名（即网页版主页facebook.com/后的后缀字段）：fb://facewebmodal/f?href=https://www.facebook.com/{自定义用户名}

必做前置配置 #

Android 11及以上版本增加了包可见性限制，必须先在项目的android/app/src/main/AndroidManifest.xml文件的<manifest>节点下添加以下配置，否则会出现已安装Facebook但检测不到的问题：

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

修正后的完整跳转逻辑 #

不要直接硬写schema打开，需要加客户端存在检测和网页版兜底，避免用户没装Facebook时直接报错：

// 替换为你自己的主页参数
const FB_PROFILE_ID = '你的目标主页数字ID';
const FB_USERNAME = '你的目标主页自定义用户名';
const FB_WEB_URL = `https://www.facebook.com/${FB_USERNAME}`;
const FB_APP_SCHEMA = `fb://profile/${FB_PROFILE_ID}`;

const navigateToFacebookApp = async () => {
  try {
    const isFbInstalled = await Linking.canOpenURL(FB_APP_SCHEMA);
    await Linking.openURL(isFbInstalled ? FB_APP_SCHEMA : FB_WEB_URL);
  } catch (error) {
    // 异常兜底跳网页版
    await Linking.openURL(FB_WEB_URL);
  }
}

<Button onPress={navigateToFacebookApp}>Connect</Button>

注意：fb://page/格式仅适用于Facebook公共主页，个人主页使用该格式会触发页面不存在错误，请统一用fb://profile/格式。

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