fix: carplay support on example app for latest RN versions

Author: jokerttu

example/ios/SampleApp.xcodeproj/project.pbxproj

@@ -643,6 +643,10 @@
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = "SampleApp/Info-CarPlay.plist";
 				IPHONEOS_DEPLOYMENT_TARGET = 16.6;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"$(inherited)",
+					"CARPLAY=1",
+				);
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
@@ -672,6 +676,10 @@
 				CURRENT_PROJECT_VERSION = 1;
 				INFOPLIST_FILE = SampleApp/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 16.6;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"$(inherited)",
+					"CARPLAY=1",
+				);
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",

example/ios/SampleApp/AppDelegateCarPlay.h

@@ -17,7 +17,4 @@
 #import <UIKit/UIKit.h>
 
 @interface AppDelegateCarPlay : RCTAppDelegate
-@property(nonatomic, strong) UIWindow *window;
-@property(nonatomic, strong) RCTBridge *bridge;
-@property(nonatomic, strong) RCTRootView *rootView;
 @end

example/ios/SampleApp/AppDelegateCarPlay.m

@@ -30,6 +30,10 @@ - (BOOL)application:(UIApplication *)application
   self.moduleName = @"SampleApp";
   self.dependencyProvider = [RCTAppDependencyProvider new];
 
+  // You can add your custom initial props in the dictionary below.
+  // They will be passed down to the ViewController used by React Native.
+  self.initialProps = @{};
+
   // Note: Ensure that you have copied the Keys.plist.sample to Keys.plist
   // and have added the correct API_KEY value to the file.
   //
@@ -39,6 +43,11 @@ - (BOOL)application:(UIApplication *)application
   NSString *api_key = [keysDictionary objectForKey:@"API_KEY"];
 
   [GMSServices provideAPIKey:api_key];
+
+  // Set automaticallyLoadReactNativeWindow to NO to prevent RCTAppDelegate from creating the
+  // window. It will be created in PhoneSceneDelegate for the main (phone) screen.
+  self.automaticallyLoadReactNativeWindow = NO;
+
   return [super application:application didFinishLaunchingWithOptions:launchOptions];
 }
 
@@ -65,6 +74,14 @@ - (void)application:(UIApplication *)application
     didDiscardSceneSessions:(NSSet<UISceneSession *> *)sceneSessions {
 }
 
+- (BOOL)fabricEnabled {
+  return NO;
+}
+
+- (BOOL)bridgelessEnabled {
+  return NO;
+}
+
 - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge {
   return [self bundleURL];
 }

example/ios/SampleApp/PhoneSceneDelegate.m

@@ -14,17 +14,16 @@
  * limitations under the License.
  */
 #import "PhoneSceneDelegate.h"
+#import <RCTAppDelegate.h>
 #import <React/RCTRootView.h>
 #import <UIKit/UIKit.h>
-#import "AppDelegateCarPlay.h"
 
 @implementation PhoneSceneDelegate
 
 - (void)scene:(UIScene *)scene
     willConnectToSession:(UISceneSession *)session
                  options:(UISceneConnectionOptions *)connectionOptions {
-  AppDelegateCarPlay *appDelegate =
-      (AppDelegateCarPlay *)[UIApplication sharedApplication].delegate;
+  RCTAppDelegate *appDelegate = (RCTAppDelegate *)[UIApplication sharedApplication].delegate;
   if (!appDelegate) {
     return;
   }
@@ -34,12 +33,18 @@ - (void)scene:(UIScene *)scene
     return;
   }
 
+  UIView *rootView = [appDelegate.rootViewFactory viewWithModuleName:appDelegate.moduleName
+                                                   initialProperties:appDelegate.initialProps
+                                                       launchOptions:nil];
+  rootView.backgroundColor = [UIColor whiteColor];
+
   UIViewController *rootViewController = [[UIViewController alloc] init];
-  rootViewController.view = appDelegate.rootView;
+  rootViewController.view = rootView;
 
   UIWindow *window = [[UIWindow alloc] initWithWindowScene:windowScene];
   window.rootViewController = rootViewController;
   self.window = window;
+
   [appDelegate setWindow:window];
   [window makeKeyAndVisible];
 }

example/package.json

@@ -7,6 +7,7 @@
     "android": "react-native run-android",
     "android-release": "react-native run-android --mode release",
     "ios": "react-native run-ios",
+    "ios:carplay": "react-native run-ios --scheme SampleAppCarPlay",
     "ios-release": "react-native run-ios --mode Release",
     "lint": "eslint .",
     "test": "jest",