React Native调用原生模块返回null怎么办？

Top丶振艳提问于 2026-01-30 12:45:34 阅读 61

框架

我在React Native项目里写了个原生模块想获取设备信息，但调用方法总是返回null。按照官方文档写了Java代码并注册了模块，但前端调用的时候就是得不到正确数据…

这是我的React代码片段：


import React, { Component } from 'react';

class DeviceInfo extends Component {
  async componentDidMount() {
    const message = await NativeModules.DeviceModule.getDeviceInfo();
    this.setState({ deviceInfo: message }); // 这里得到null
  }

  render() {
    return 设备信息：{this.state.deviceInfo};
  }
}

我已经确认原生模块在Android里的implementation方法确实返回了字符串，也检查了模块名拼写。但模拟器运行时显示null，有没有可能是模块注册的问题？或者需要特别配置metro bundler？

性能优化组件设计

我来解答赞 8 收藏

反馈

1 条解答

慕容恒菽 Lv1

你这问题还挺典型的，React Native调原生模块返回null多半是这几个原因导致的。我直接给你说解决办法：

1. 首先确认下Java那边的返回值是不是标准的JSON格式或者String类型，如果不是，React Native可能解析不了。
2. 然后看看是否正确实现了 @ReactMethod 注解的方法，并且注意这个方法必须是 void 类型，不能直接返回值，需要用回调或者Promise。

你可以改一下你的Java代码，像这样写：

public class DeviceModule extends ReactContextBaseJavaModule {



    public DeviceModule(ReactApplicationContext reactContext) {

        super(reactContext);

    }



    @Override

    public String getName() {

        return "DeviceModule";

    }



    @ReactMethod

    public void getDeviceInfo(Promise promise) {

        try {

            String deviceInfo = "YourDeviceInfoHere"; // 这里替换成你实际获取设备信息的逻辑

            promise.resolve(deviceInfo);

        } catch (Exception e) {

            promise.reject(e);

        }

    }

}

接着前端代码也要稍微调整下，改成这样：

import React, { Component } from 'react';

import { NativeModules, Text } from 'react-native';



const { DeviceModule } = NativeModules;



export default class DeviceInfo extends Component {

  state = {

    deviceInfo: null,

  };



  async componentDidMount() {

    try {

      const message = await DeviceModule.getDeviceInfo();

      this.setState({ deviceInfo: message });

    } catch (e) {

      console.error('Error fetching device info:', e);

    }

  }



  render() {

    return 设备信息：{this.state.deviceInfo || '加载中...'};

  }

}

最后记得清理下项目缓存再跑一遍：
cd android && ./gradlew clean
然后重新启动 metro bundler 和应用。

如果还是有问题，可能是包名或者模块名拼写有误，仔细检查下。改一下就行，别太纠结。

2026-01-30 15:15