React native RecordScreen Native Module is null

Question

I want to use RecordScreen NativeModule in my react native app.

import {NativeModules} from 'react-native'
console.log(NativeModules) // This is empty {}
console.log(NativeModules.RecordScreen) // This is null

Currently I'm testing on android device yarn android build.

What is the reason for NativeModules is empty and NativeModules.RecordScreen is null ?

Adnan Samir · Accepted Answer · 2021-06-13 07:49:15Z

2

import {requireNativeComponent} from 'react-native';
const RecordComponent = requireNativeComponent('RecordComponent')

console.log(RecordComponent);

Try this instead or if you wish to use the same one you can also do it like this:

import NativeModules from 'react-native'

answered Jun 13, 2021 at 7:49

Adnan Samir

1715 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Thanks, Seems like this way it works. It is not null now. Do you know why it is not working with my approach ?

I think it was an issue of import. If you import it like this : import NativeModules from 'react-native' it will show the data.

Yes now NativeModules is not empty. Are there any documents on RecordComponent ? I tried by searching but did not see any documentation.

Even I didn't find anything on it hence I suggested you to go for requireNativeComponent