React Native Android模块BroadcastReceiver Intent重复触发问题求助

看起来你遇到了典型的事件监听器重复注册问题——每次调用模块方法时，都新增了一个事件订阅，导致后续状态变更时，所有之前注册的监听器都会被触发，次数自然和调用次数一致。下面分两种场景给你具体的解决思路：

一、RN侧监听器重复注册（最常见情况） #

如果你的RN代码里，是在每次调用发送消息的函数时才注册事件监听，那必然会叠加。正确的做法是只注册一次监听器，组件卸载时清理：

import { DeviceEventEmitter } from 'react-native';
import { useEffect } from 'react';

function MessageSender() {
  useEffect(() => {
    // 组件挂载时注册一次监听器
    const statusListener = DeviceEventEmitter.addListener(
      'messageStatusChanged', // 这里替换成你实际的事件名
      (params) => {
        // 可以通过messageId区分是哪条消息的状态
        console.log(`消息${params.id}状态更新:`, params);
      }
    );

    // 组件卸载时必须移除监听器，防止内存泄漏和重复触发
    return () => statusListener.remove();
  }, []); // 空依赖数组，确保只执行一次

  // 发送消息的方法，这里不用再注册监听
  const sendMessage = async (content, messageId) => {
    // 调用原生模块的发送方法
    await NativeModules.MessageModule.sendMessage(content, messageId);
  };

  return <Button onPress={() => sendMessage("测试内容", "msg_123")} title="发送消息" />;
}

二、原生侧广播接收器重复注册 #

如果是Android原生代码里，每次调用发送消息方法时都新建了BroadcastReceiver且未注销，也会导致重复触发。这时候要把接收器作为模块成员变量，只初始化一次，并在模块销毁时注销：

public class MessageModule extends ReactContextBaseJavaModule {
    private BroadcastReceiver messageStatusReceiver;
    private static final String EVENT_NAME = "messageStatusChanged";
    private static final String STATUS_ACTION = "com.your.app.MESSAGE_STATUS_UPDATE";

    public MessageModule(ReactApplicationContext reactContext) {
        super(reactContext);
        // 只初始化一次广播接收器
        messageStatusReceiver = new BroadcastReceiver() {
            @Override
            public void onReceive(Context context, Intent intent) {
                String messageId = intent.getStringExtra("MESSAGE_ID");
                sendEvent(messageId);
            }
        };
        // 注册接收器（只做一次）
        getReactApplicationContext().registerReceiver(
                messageStatusReceiver,
                new IntentFilter(STATUS_ACTION)
        );
    }

    private void sendEvent(String messageId) {
        WritableMap params = Arguments.createMap();
        params.putString("id", messageId);
        getReactApplicationContext()
                .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                .emit(EVENT_NAME, params);
    }

    @ReactMethod
    public void sendMessage(String content, String messageId) {
        // 发送消息的逻辑，这里不要再注册接收器
        Intent sendIntent = new Intent("com.your.app.SEND_MESSAGE");
        sendIntent.putExtra("CONTENT", content);
        sendIntent.putExtra("MESSAGE_ID", messageId);
        getReactApplicationContext().sendBroadcast(sendIntent);
    }

    @Override
    public void onCatalystInstanceDestroy() {
        super.onCatalystInstanceDestroy();
        // 模块销毁时注销接收器，避免内存泄漏和重复触发
        if (messageStatusReceiver != null) {
            getReactApplicationContext().unregisterReceiver(messageStatusReceiver);
        }
    }

    @Override
    public String getName() {
        return "MessageModule";
    }
}

关键注意点 #

不管是RN侧还是原生侧，核心原则都是：监听器/接收器只注册一次，不再需要时必须销毁。另外建议在事件参数里带上唯一的messageId，这样RN侧可以精准区分每条消息的状态变更，避免处理混乱。

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