Expose Native Objective-C OR Swift module created in react native bridge to the Application's native side

[rakesho-vel]

I have created a new react native library and working on creating a native module for push notification. I want to get the push notification token in my react native bridge from application's AppDelegate.m.
For this, i am trying to create a new Objective-C object in react native bride's ios folder and trying to expose it to the App's AppDelegate.mm file, but that class/header is unable to find to the AppDelegate file.

Do i need to do anything extra to make this class/module from react-native bridge folder accessible to the react native application's Native code?

Adding screenshot for the reference -

[atlj]

Not sure if this helps, but here is another approach,

In your AppDelegate, import your library header. Simply #import RnPushNotification.h and call a method that sets the token. Something like [RnPushNotification setToken:token];. This should be more straightforward than trying to import the app delegate in the library. So its essentially the other way around.

Please check how React Native Bootsplash handles it. They follow a similar approach.

[rakesho-vel]

@atlj yes, that is what I am trying to do, sorry, if i was misunderstood. Here is my detailed code and the error i am getting in XCode -

RnPushNotification.h

#import <Foundation/Foundation.h>

NS_ASSUME_NONNULL_BEGIN

@interface RnPushNotification : NSObject

+ (void) setToken:token;

@end

NS_ASSUME_NONNULL_END

RnPushNotification.m

#import "RnPushNotification.h"

@implementation RnPushNotification

+ (void)setToken:(id)token {
//  implementation to set the token
}
@end

When I import this method in the ReactNative Example Application's AppDelegate.m file, i am getting File not found error

PLEASE NOTE: Currently I am trying to add this function in the example app i got with the Scaffold command.

[rakesho-vel]

So i tried creating a package for this SDK and installed it in new example project i created, and surprisingly it is able to import there -

I also created another react native sdk project using scaffold command and added new Objective-C class there but it is also not able to import in its example application.

[atlj]

Interesting... I'm starting to suspect the Podfile here, is your Podfile different than the other project (the Podfile not podspec). Other than that you podspec looks ok. Maybe install bootsplash to your example app and see if you can import its header?

[rakesho-vel]

I haven't made any changes to Podfile (example app's - react-native-sdk/example/ios/Podfile), here is the podfile the react native builder generated -

# Resolve react_native_pods.rb with node to allow for hoisting
require Pod::Executable.execute_command('node', ['-p',
  'require.resolve(
    "react-native/scripts/react_native_pods.rb",
    {paths: [process.argv[1]]},
  )', __dir__]).strip

platform :ios, min_ios_version_supported
prepare_react_native_project!

# If you are using a `react-native-flipper` your iOS build will fail when `NO_FLIPPER=1` is set.
# because `react-native-flipper` depends on (FlipperKit,...) that will be excluded
#
# To fix this you can also exclude `react-native-flipper` using a `react-native.config.js`
# ```js
# module.exports = {
#   dependencies: {
#     ...(process.env.NO_FLIPPER ? { 'react-native-flipper': { platforms: { ios: null } } } : {}),
# ```
flipper_config = ENV['NO_FLIPPER'] == "1" ? FlipperConfiguration.disabled : FlipperConfiguration.enabled

linkage = ENV['USE_FRAMEWORKS']
if linkage != nil
  Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green
  use_frameworks! :linkage => linkage.to_sym
end

target 'hydraexamplelatest' do
  config = use_native_modules!

  use_react_native!(
    :path => config[:reactNativePath],
    # Enables Flipper.
    #
    # Note that if you have use_frameworks! enabled, Flipper will not work and
    # you should disable the next line.
    :flipper_configuration => flipper_config,
    # An absolute path to your application root.
    :app_path => "#{Pod::Config.instance.installation_root}/.."
  )

  target 'hydraexamplelatestTests' do
    inherit! :complete
    # Pods for testing
  end

  post_install do |installer|
    # https://github.com/facebook/react-native/blob/main/packages/react-native/scripts/react_native_pods.rb#L197-L202
    react_native_post_install(
      installer,
      config[:reactNativePath],
      :mac_catalyst_enabled => false
    )
  end
end

FYII have generated sdk project with this command -

npx create-react-native-library@latest react-native-awesome-module

[rakesho-vel]

Okay, this time (4th OR 5th time), i removed all node modules in example app, reinstalled node as well as pod packages and now it is able to import. Not sure what was the issue as it did not work last times.

Thank you so much for the quick replies and help though 🙏

[atlj]

Nice! Glad it worked out for you!