React Native跨应用获取共享文本及相关技术方案咨询

Android端：将Intent传递到React Native的正确步骤 #

你遇到的核心问题是冷启动/热启动时Intent的时机差——getLaunchOptions在onCreate之前执行，而onNewIntent是App后台唤醒时触发，直接在getLaunchOptions里拿Intent会拿不到最新数据。解决步骤如下：

1. 在MainActivity中缓存Intent
   在MainActivity类里定义成员变量保存当前Intent，覆盖onCreate和onNewIntent更新这个变量，同时向RN发送事件通知：

   public class MainActivity extends ReactActivity {
       private Intent currentIntent;
   
       @Override
       protected void onCreate(Bundle savedInstanceState) {
           super.onCreate(savedInstanceState);
           currentIntent = getIntent();
       }
   
       @Override
       protected void onNewIntent(Intent intent) {
           super.onNewIntent(intent);
           currentIntent = intent;
           sendShareEventToRN(intent);
       }
   
       private void sendShareEventToRN(Intent intent) {
           WritableMap params = Arguments.createMap();
           String sharedText = intent.getStringExtra(Intent.EXTRA_TEXT);
           if (sharedText != null) {
               params.putString("sharedText", sharedText);
           }
   
           ReactInstanceManager manager = getReactNativeHost().getReactInstanceManager();
           ReactContext context = manager.getCurrentReactContext();
           if (context != null) {
               context.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                       .emit("onShareReceived", params);
           } else {
               manager.addReactInstanceEventListener(new ReactInstanceManager.ReactInstanceEventListener() {
                   @Override
                   public void onReactContextInitialized(ReactContext ctx) {
                       ctx.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                               .emit("onShareReceived", params);
                       manager.removeReactInstanceEventListener(this);
                   }
               });
           }
       }
   }
   

2. 在getLaunchOptions中传递冷启动数据
   覆盖getLaunchOptions方法，从缓存的currentIntent提取数据作为RN初始props：

   @Override
   protected Bundle getLaunchOptions() {
       Bundle initialProps = new Bundle();
       if (currentIntent != null && Intent.ACTION_SEND.equals(currentIntent.getAction())) {
           String sharedText = currentIntent.getStringExtra(Intent.EXTRA_TEXT);
           if (sharedText != null) {
               initialProps.putString("initialSharedText", sharedText);
           }
       }
       return initialProps;
   }
   

3. RN端接收数据

   • 冷启动时从组件props获取初始数据
   • 热启动时通过事件监听接收数据：

   import { DeviceEventEmitter } from 'react-native';
   
   function App({ initialSharedText }) {
     // 处理冷启动的初始分享数据
     useEffect(() => {
       if (initialSharedText) {
         console.log('冷启动收到分享文本:', initialSharedText);
         // 业务逻辑处理
       }
     }, [initialSharedText]);
   
     // 监听热启动的分享事件
     useEffect(() => {
       const subscription = DeviceEventEmitter.addListener('onShareReceived', (data) => {
         console.log('热启动收到分享文本:', data.sharedText);
         // 业务逻辑处理
       });
       return () => subscription.remove();
     }, []);
   
     return <>{/* 组件内容 */}</>;
   }
   

iOS端：Share Extension在React Native中的适用性 #

Share Extension完全适用于React Native，但需要注意两个核心限制：

1. 沙箱隔离：Share Extension和主App属于不同沙箱，无法直接共享数据，需要通过App Groups实现数据互通。
2. 数据传递逻辑：Extension收集到分享数据后，存入App Groups的UserDefaults，主App启动或后台唤醒后读取数据，再通过原生模块通知RN层。

你可以选择手动配置Xcode的Share Extension Target并实现数据共享逻辑，也可以使用react-native-share-menu这类第三方库，它已经封装了原生层的实现，只需少量配置即可快速接入。

替代方案 #

除了Intent Filter和Share Extension，还有这些更简便的跨平台方案：

• 第三方封装库：react-native-share-menu、react-native-receive-sharing-intent，这类库统一封装了Android和iOS的分享接收逻辑，无需手动编写原生代码，开箱即用。
• Deep Linking/Universal Links：自定义链接协议（如myapp://share?text=xxx）让其他App跳转传递数据，但需要对方App主动支持该协议，适配成本较高。
• 剪贴板监听：监听App启动时的剪贴板内容，被动接收用户复制的文本，但体验不如系统级分享入口直观。

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