[📚] New setup guide for iOS Credentials in RN 0.77

[jordankkk]

Starting with RN 0.77 /ios/{projectName}/AppDelegate.mm is removed and changed to AppDelegate.swift

---

[mikehardy]

Hi there - please just hit the edit button top right of the page and propose a change

[jordankkk]

@mikehardy I apologize, as I’m new to React Native and am unsure how to make the change. 😁

[romanakash]

Created a PR here #8251

[tahaipek]

Thank you for your guidance and PR.

Similarly, do you have a guide to enable Multidex on Swift?
https://rnfirebase.io/enabling-multidex#enabling-multidex

Similarly, do you have a guide to configure Cloud Messaging in Swift?
https://rnfirebase.io/messaging/usage#background-application-state

Or was the problem solved from a more fundamental point in RN 0.77? I couldn't find any documentation on this.

I noticed that the documentation of rnfirebase.io is old.

I'm currently trying to update ReactNative 0.72 to 0.77, so I need to adapt many packages back to 0.77.

[mikehardy]

@tahaipek 👋

The documentation on rnfirebase.io is as new as we have it, if there is something out of date there is an edit button top right of every page and the github PR flow in their web UI for text changes is trivial. I imagine since you mention react-native 0.77 you have noticed that react-native now uses AppDelegate.swift vs .mm. Please feel free to post a PR

Multidex was a workaround for old Android devices that are no longer supported, and we may all happily forget about multidex forever. And you never ever needed to think about it for iOS, it was an Android thing. You will never need it with modern Android.

[tahaipek]

Hi,
I think I will reach the solution a little late because I don't have technical knowledge about Native Android (kotlin) and iOS (swift) development. If I reach the solution, I will definitely update the docs and create PR.

• I will skip the Multidex state. Thank you for your technical guidance.
• I wonder if you can give some guidance for the “Background Application State” state?

Thanks in advance for your advice.

[MezillaJohn]

Hi there - please just hit the edit button top right of the page and propose a change

Please can you guys update this and the docs as soon as possible, cause we are stuck here.

[vishalksymentix]

This is the updated Doc of react native 0.77 with firebase. How can you modify appdelegate.swift to integrate the firebase

use this to import firebase

import Firebase

use this to initialize firebase
FirebaseApp.configure()

[AnmolMalik-BWES]

App started crashing after FirebaseApp.configure()

"@react-native-firebase/app": "^21.7.2",
"@react-native-firebase/messaging": "^21.7.2",
"react-native": "^0.77.0",

Do I also need to change Podfile

[vishalksymentix]

App started crashing after FirebaseApp.configure()

"@react-native-firebase/app": "^21.7.2", "@react-native-firebase/messaging": "^21.7.2", "react-native": "^0.77.0",

Do I also need to change Podfile

Please mention your podfile here

[AnmolMalik-BWES]

Please mention your podfile here

Podfile

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!

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 'bossapp' do
config = use_native_modules!

use_react_native!(
:path => config[:reactNativePath],
# An absolute path to your application root.
:app_path => "#{Pod::Config.instance.installation_root}/.."
)

#\ use_frameworks! :linkage => :static
pod 'Firebase', :modular_headers => true
pod 'FirebaseCore', :modular_headers => true
#\ $RNFirebaseAsStaticFramework = true

rn_maps_path = "../node_modules/react-native-maps"
pod 'GoogleUtilities', :modular_headers => true
pod 'react-native-google-maps', :path => rn_maps_path
pod 'react-native-maps', :path => rn_maps_path
pod 'GoogleMaps'
pod 'Google-Maps-iOS-Utils'

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,
# :ccache_enabled => true
)
end
end

Here it is
NOTE: I have tried adding $RNFirebaseAsStaticFramework = true and use_frameworks! :linkage => :static.

[Barot-sam]

@AnmolMalik-BWES, After some digging I achieved it and made a guide on the medium for the react-native 0.77 I hope it helps https://medium.com/@ompbarot9816/firebase-and-google-maps-for-react-native-0-77-full-guide-8fb9646b7ef5

I'm using react-native-firebase version 20.5.0. please let me know if I can help.

[tahaipek]

@vishalksymentix and @Barot-sam, I plan to try out your solutions as soon as possible. I’ll share my experience here, letting you know whether the solution works and if I run into any issues. For now, I’ve implemented it as shown below and will continue with my work.

I was facing unexpected crashes with Swift integration, so I temporarily switched back to Objective-C (.mm files) in RN 0.77. I followed these instructions to resolve the issue. This workaround is running smoothly for now, and I'll update once I get a stable Swift solution.

Below is the code I used:

AppDelegate.mm file:

// Custom: Firebase, Background Application State
#import "RNFBMessagingModule.h"

#import "AppDelegate.h"
#import <React/RCTBundleURLProvider.h>

// highlight-next-line
#import <ReactAppDependencyProvider/RCTAppDependencyProvider.h>

// Custom: Firebase
#import <Firebase.h>


@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  // Custom: Firebase
  [FIRApp configure];
  [application registerForRemoteNotifications];

  self.moduleName = @"DemoApp";
  
  // Custom: https://github.com/facebook/react-native-website/blob/main/website/blog/2025-01-21-version-0.77.md#rctappdependencyprovider
  self.dependencyProvider = [RCTAppDependencyProvider new];  // You can add your custom initial props in the dictionary below.
  
  self.initialProps = [RNFBMessagingModule addCustomPropsToUserProps:nil withLaunchOptions:launchOptions];
  return [super application:application didFinishLaunchingWithOptions:launchOptions];
}

  // Custom: Firebase
- (void)application:(UIApplication *)application didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken {
  [FIRMessaging messaging].APNSToken = deviceToken;
}

- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
{
  return [self bundleURL];
}

- (NSURL *)bundleURL
{
#if DEBUG
  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"];
#else
  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
#endif
}

@end

AppDelegate.h file:

#import <RCTAppDelegate.h>
#import <UIKit/UIKit.h>

@interface AppDelegate : RCTAppDelegate

@end