Android原生OnNewIntent向Ionic React传数据失败求助

看起来你遇到的核心问题有两个：事件触发时机早于前端监听器注册，以及事件数据传递和接收的方式不正确。我来一步步帮你解决：

一、修正前端事件接收的代码 #

你当前的addEventListener里有两个明显问题：

• 未正确获取事件携带的数据（代码里的it是未定义状态）
• 没有通过CustomEvent类型来读取原生传递的详情内容

把App.tsx里的监听代码改成这样：

const App: React.FC = () => {
  const onMyEvent = (input: string): void => { 
    console.log('event received:', input); 
  };

  useEffect(() => {
    // 用CustomEvent类型来解析事件携带的数据
    const handleMyEvent = (event: CustomEvent) => {
      console.log('MyEvent received:', event.detail);
      onMyEvent(event.detail);
    };

    document.addEventListener('MyEvent', handleMyEvent);
    
    // 记得清理监听器，避免内存泄漏
    return () => {
      document.removeEventListener('MyEvent', handleMyEvent);
    };
  }, []);

  // ... 你的其他组件渲染代码
  return <div>{/* 页面内容 */}</div>;
};

二、确保原生端事件触发的正确性 #

你当前用getBridge().triggerDocumentJSEvent("MyEvent","blah");的思路是对的，但要注意：onNewIntent触发时，Capacitor的Bridge可能还没完全初始化，直接调用getBridge()可能返回null，导致事件发不出去。

修改MainActivity.java的代码，增加Bridge就绪判断：

@Override 
protected void onNewIntent(Intent intent) { 
    super.onNewIntent(intent); 
    // 缓存要传递的数据（这里替换成你从Intent里拿到的实际内容）
    final String eventData = "blah";

    // 检查Bridge是否已初始化完成
    if (getBridge() != null) {
        getBridge().triggerDocumentJSEvent("MyEvent", eventData);
    } else {
        // 如果Bridge还未就绪，注册回调等待初始化完成后发送事件
        setOnBridgeReady(() -> {
            getBridge().triggerDocumentJSEvent("MyEvent", eventData);
        });
    }
}

三、更可靠的早期数据传递方案（首屏渲染前） #

如果你的需求是在首屏渲染前把原生启动数据传递到前端，用事件监听还是可能存在时机偏差，推荐两种更稳妥的方式：

方式1：用Capacitor官方App插件获取Intent数据 #

Capacitor的@capacitor/app插件已经封装了获取启动Intent的能力，不需要自己写原生代码：

1. 安装插件：

npm install @capacitor/app
npx cap sync

2. 在App.tsx里直接获取启动数据：

import { App } from '@capacitor/app';

const App: React.FC = () => {
  useEffect(() => {
    const getLaunchData = async () => {
      const { intent } = await App.getLaunchUrl();
      if (intent) {
        // 这里可以拿到Intent里的所有额外数据
        console.log('Launch intent extras:', intent.extras);
        // 处理你的业务逻辑
      }
    };

    getLaunchData();
  }, []);

  // ... 组件代码
};

方式2：自定义Capacitor Plugin（更灵活） #

如果需要更复杂的原生交互逻辑，自定义Plugin是最规范的方式：

1. 在Android端编写自定义Plugin类，缓存Intent数据并提供前端调用方法：

@CapacitorPlugin(name = "LaunchData")
public class LaunchDataPlugin extends Plugin {
    private String cachedIntentData;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 缓存启动时的Intent数据
        Intent intent = getActivity().getIntent();
        if (intent != null) {
            cachedIntentData = intent.getStringExtra("your_data_key");
        }
    }

    @Override
    protected void onNewIntent(Intent intent) {
        super.onNewIntent(intent);
        // 更新缓存的新Intent数据
        cachedIntentData = intent.getStringExtra("your_data_key");
    }

    @PluginMethod()
    public void getLaunchData(PluginCall call) {
        call.resolve(new JSObject().put("data", cachedIntentData));
    }
}

2. 前端调用插件方法获取数据：

import { Plugins } from '@capacitor/core';
const { LaunchData } = Plugins;

const App: React.FC = () => {
  useEffect(() => {
    const fetchData = async () => {
      const result = await LaunchData.getLaunchData();
      console.log('Launch data from plugin:', result.data);
      // 处理数据逻辑
    };

    fetchData();
  }, []);
};

总结 #

• 如果你只是简单传递字符串，修正事件监听代码+判断Bridge就绪状态就能解决问题；
• 如果是首屏前的启动数据传递，用@capacitor/app插件或者自定义Plugin会更可靠，彻底避免生命周期时机冲突。

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