React Native NativeModules Empty Object

Question

Trying to create my first npm module in order to determine if a user is on the phone. It's for a React Native app. No matter what I try, the module returns undefined. NativeModules always appears to be an empty object.

Please help! Below is a link to the code. export default RNOnPhoneCall; in index.js will only return undefined. How do I link the functions in ios folder, and export them in index.js? Heads up, android is not up to date yet, only ios.

Link to Github

rule_it_subir · Accepted Answer · 2021-06-16 11:36:29Z

8

After snooping around a little, I found out that the Obj-C file isn't added to the Compile Sources in Xcode. Just follow me: Let's say the file names are: NotchNative.h and NotchNative.m. If the NotchNative.m file is not listed, the files will not be compiled by Xcode hence it needs to be added to the Compile Sources.

Follow the steps in the image and rebuild/run the iOS app again. It's surely a fault on the Xcode side, as it doesn't happen in case of Swift projects.

answered Jun 16, 2021 at 11:36

rule_it_subir

88013 silver badges14 bronze badges

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

1 Comment

Justice Mba Over a year ago

Thanks so much. No wonder the RN docs recommend creating and editing files via XCode.

Blessing · Accepted Answer · 2017-09-06 10:05:31Z

3

Try rebuilding your project. I faced the same issue recently and simply rebuilding resolved it

answered Sep 6, 2017 at 10:05

Blessing

714 bronze badges

Comments

Tori Huang · Accepted Answer · 2017-09-06 22:29:36Z

1

I was not exporting the method correctly in my iOS file. Here's the solution, along with a link to the final project.

react-native-check-phone-call-status on github

#import "RNCheckPhoneCallStatus.h"
#import "React/RCTLog.h"
#import <AVFoundation/AVAudioSession.h>
#import<CoreTelephony/CTCallCenter.h>
#import<CoreTelephony/CTCall.h>

@implementation RNCheckPhoneCallStatus

RCT_EXPORT_MODULE()

RCT_EXPORT_METHOD(get:(RCTResponseSenderBlock)callback)
{
    NSString *phoneStatus = @"PHONE_OFF";
    CTCallCenter *ctCallCenter = [[CTCallCenter alloc] init];
    if (ctCallCenter.currentCalls != nil)
    {
        NSArray* currentCalls = [ctCallCenter.currentCalls allObjects];
        for (CTCall *call in currentCalls)
        {
            if(call.callState == CTCallStateConnected)
            {
                phoneStatus = @"PHONE_ON";
            }
        }
    }
    callback(@[[NSNull null], phoneStatus]);
}

@end

answered Sep 6, 2017 at 22:29

Tori Huang

5671 gold badge7 silver badges25 bronze badges

1 Comment

Amr Over a year ago

Also if you are following the react tutorial it is a bit misleading. It will work with debug mode turned on. If you want it to work without debug mode you need the callback mentioned here.

Collectives™ on Stack Overflow

React Native NativeModules Empty Object

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related