React-Native应用如何调用Facebook本地APP发布带URL的分享帖子

DevOps 小满

2026-9-29

React Native Facebook本地APP分享解决方案

前置配置要求

react-native-share默认触发web分享的核心原因是原生端未完成Facebook相关适配，需要先完成以下配置：

Facebook开发者后台：创建应用，开通分享功能，提交应用审核，配置对应平台的包名、签名哈希（安卓）、Bundle ID（iOS）等信息
安卓端：在strings.xml中添加facebook_app_id、facebook_client_token字段，在AndroidManifest.xml中配置Facebook对应的Activity声明与网络权限
iOS端：在Info.plist的LSApplicationQueriesSchemes白名单中添加fb、fbapi、fb-messenger-share-api、fbauth2、fbshareextension，同时配置好FacebookAppID、FacebookDisplayName字段

Facebook平台规则已禁止第三方应用预填分享文案，message参数传值会被自动忽略，建议直接删除避免触发异常

代码调整方案

增加本地应用存在性检测，调整参数适配平台规则，修改后代码如下：

import Share from "react-native-share";
import { Platform } from 'react-native';

const shareToFacebook = async () => {
  // 检测Facebook本地APP是否安装
  const fbPackage = Platform.OS === 'ios' ? 'fb://' : 'com.facebook.katana';
  const isFbInstalled = await Share.isPackageInstalled(fbPackage);
  
  if (!isFbInstalled) {
    // 可自行添加未安装提示逻辑
    console.log('Facebook客户端未安装');
    return;
  }

  const shareOptions = {
    social: Share.Social.FACEBOOK,
    url: "https://example.com/",
    type: Platform.OS === 'android' ? 'link' : undefined
  };

  try {
    const shareResponse = await Share.shareSingle(shareOptions);
    console.log(shareResponse);
  } catch (error) {
    console.log("分享错误 =>", error);
  }
};