Unable to inject isHeadless prop via AppDelegate.m in expo-bare

[RealDyllon]

The docs cover how to do this in a bare react-native app, however expo-bare's AppDelegate.m does not follow the same structure.

Here's a link to the documentation: https://rnfirebase.io/messaging/usage#background-application-state
Here's the stock expo-bare AppDelegate.m : https://github.com/expo/expo/blob/master/templates/expo-template-bare-minimum/ios/HelloWorld/AppDelegate.m

Any assistance would be greatly appreciated!

[mikehardy]

They split things, yes, so it is not all in one method. I believe you will need to store state in 'self' in one method in order to refer to it in another.

Add another line around here: https://github.com/expo/expo/blob/2b480843941b488ea7c256d97446f933cc21417b/templates/expo-template-bare-minimum/ios/HelloWorld/AppDelegate.m#L36 that references the appProperties NSDictionary pointer, in the same style.

Here is the start of the method you need to modify:

https://github.com/expo/expo/blob/master/templates/expo-template-bare-minimum/ios/HelloWorld/AppDelegate.m#L41

You must do a FIRApp configure, yes? You should do that first.

Then somewhere after that but before RCTRootView alloc, add this to set your new NSDictionary pointer

self.appProperties = [RNFBMessagingModule addCustomPropsToUserProps:nil withLaunchOptions:launchOptions];

Then when you launch here https://github.com/expo/expo/blob/2b480843941b488ea7c256d97446f933cc21417b/templates/expo-template-bare-minimum/ios/HelloWorld/AppDelegate.m#L66 set initialProperties to self.initialProperties (the property holding the NSDictionary pointer you set earlier)

Should work? Please report back and let us know!

[RealDyllon]

@mikehardy, thanks for the super quick response! Your advice worked perfectly! I'm not well acquainted with Objective-C, so it took a few tries to get it working.

For reference, here is what my AppDelegate.m now looks like:

#import <Firebase.h> // see: https://rnfirebase.io/#configure-firebase-with-ios-credentials
#import "RNFBMessagingModule.h"
#import "AppDelegate.h"

#import <React/RCTBridge.h>
#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>

#import <UMCore/UMModuleRegistry.h>
#import <UMReactNativeAdapter/UMNativeModulesProxy.h>
#import <UMReactNativeAdapter/UMModuleRegistryAdapter.h>
#import <EXSplashScreen/EXSplashScreenService.h>
#import <UMCore/UMModuleRegistryProvider.h>

#if DEBUG
#import <FlipperKit/FlipperClient.h>
#import <FlipperKitLayoutPlugin/FlipperKitLayoutPlugin.h>
#import <FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.h>
#import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h>
#import <SKIOSNetworkPlugin/SKIOSNetworkAdapter.h>
#import <FlipperKitReactPlugin/FlipperKitReactPlugin.h>

static void InitializeFlipper(UIApplication *application) {
  FlipperClient *client = [FlipperClient sharedClient];
  SKDescriptorMapper *layoutDescriptorMapper = [[SKDescriptorMapper alloc] initWithDefaults];
  [client addPlugin:[[FlipperKitLayoutPlugin alloc] initWithRootNode:application withDescriptorMapper:layoutDescriptorMapper]];
  [client addPlugin:[[FKUserDefaultsPlugin alloc] initWithSuiteName:nil]];
  [client addPlugin:[FlipperKitReactPlugin new]];
  [client addPlugin:[[FlipperKitNetworkPlugin alloc] initWithNetworkAdapter:[SKIOSNetworkAdapter new]]];
  [client start];
}
#endif

@interface AppDelegate () <RCTBridgeDelegate>

@property (nonatomic, strong) UMModuleRegistryAdapter *moduleRegistryAdapter;
@property (nonatomic, strong) NSDictionary *launchOptions;
@property (nonatomic, strong) NSDictionary *appProperties; // for firebase isHeadless

@end

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{

  if ([FIRApp defaultApp] == nil) { // see: https://rnfirebase.io/#configure-firebase-with-ios-credentials
   [FIRApp configure];
  }

  self.appProperties = [RNFBMessagingModule addCustomPropsToUserProps:nil withLaunchOptions:launchOptions]; // for firebase isHeadless

#if DEBUG
  InitializeFlipper(application);
#endif
  
  self.moduleRegistryAdapter = [[UMModuleRegistryAdapter alloc] initWithModuleRegistryProvider:[[UMModuleRegistryProvider alloc] init]];
  self.launchOptions = launchOptions;
  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
  #ifdef DEBUG
    [self initializeReactNativeApp];
  #else
    EXUpdatesAppController *controller = [EXUpdatesAppController sharedInstance];
    controller.delegate = self;
    [controller startAndShowLaunchScreen:self.window];
  #endif

  [super application:application didFinishLaunchingWithOptions:launchOptions];

  return YES;
}

- (RCTBridge *)initializeReactNativeApp
{
  RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:self.launchOptions];
  RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge moduleName:@"main" initialProperties:self.appProperties];
  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];

  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
  UIViewController *rootViewController = [UIViewController new];
  rootViewController.view = rootView;
  self.window.rootViewController = rootViewController;
  [self.window makeKeyAndVisible];

  // EXSplashScreenService *splashScreenService = (EXSplashScreenService *)[UMModuleRegistryProvider getSingletonModuleForClass:[EXSplashScreenService class]];
  // [splashScreenService showSplashScreenFor:rootViewController];

  return bridge;
 }

- (NSArray<id<RCTBridgeModule>> *)extraModulesForBridge:(RCTBridge *)bridge
{
  NSArray<id<RCTBridgeModule>> *extraModules = [_moduleRegistryAdapter extraModulesForBridge:bridge];
  // If you'd like to export some custom RCTBridgeModules that are not Expo modules, add them here!
  return extraModules;
}

- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge {
 #ifdef DEBUG
  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
 #else
  return [[EXUpdatesAppController sharedInstance] launchAssetUrl];
 #endif
}

- (void)appController:(EXUpdatesAppController *)appController didStartWithSuccess:(BOOL)success {
  appController.bridge = [self initializeReactNativeApp];
  EXSplashScreenService *splashScreenService = (EXSplashScreenService *)[UMModuleRegistryProvider getSingletonModuleForClass:[EXSplashScreenService class]];
  [splashScreenService showSplashScreenFor:self.window.rootViewController];
}

@end

[mikehardy]

Beautiful! Looks like exactly what I was thinking / writing in words and references, but as actual running code :-), which should be what people actually need when they come upon this. Thanks for posting that up

[vietnogi]

Thank you for posting the working script. I suspected the firebase doc was incomplete, been searching the entire web for a working example.

[MaxKicw]

Love it, thanx guys ❤️

[chahinramonaghrim]

@mikehardy Hey Mike, I am facing exactly the same issue with react-native 0.69.1 in AppDelegate.mm file. Can you please take a look at my question and see if you can provide me as well with a solution? https://stackoverflow.com/questions/73106342/how-to-inject-the-firebase-messaging-isheadless-prop-into-appdelegate-mm-file-wi

Thank you very much!

[360ammar]

@chahinramonaghrim This is what I did in AppDelegate.mm using react-native 0.69.4 and expo 46.0.2

  NSDictionary *initProps = [self prepareInitialProps];
  
  // Start config --- @react-native-firebase/messaging
  NSDictionary *appProperties = [RNFBMessagingModule addCustomPropsToUserProps:nil withLaunchOptions:launchOptions];
  NSMutableDictionary *initialProps = [initProps mutableCopy];
  [initialProps addEntriesFromDictionary:appProperties];
  // End config --- @react-native-firebase/messaging
  
  UIView *rootView = [self.reactDelegate createRootViewWithBridge:bridge moduleName:@"main" initialProperties:initProps];

[mattddean]

This was really helpful, thank you!
I could be wrong, but I think this code will use the original initProps rather than the modified version we've created. I added one line.

[initialProps addEntriesFromDictionary:appProperties];
initProps = [initialProps copy];
// End config --- @react-native-firebase/messaging