iOS React Native 混合开发集成React Native，面试看这个就够了

在iOS项目中集成React Native通常涉及以下步骤：

1. 安装Node.js和npm。
2. 安装React Native命令行工具（react-native-cli）。
3. 创建一个新的React Native项目或将现有的React Native代码放入iOS项目中。
4. 配置Xcode项目以便能够在模拟器或真机上运行React Native代码。

以下是一个简化的例子，展示了如何将React Native集成到现有iOS项目中：

# 安装React Native命令行工具
npm install -g react-native-cli
 
# 在现有iOS项目目录中初始化React Native
npx react-native init MyReactNativeApp
 
# 将React Native集成到现有iOS项目中
cd existing_ios_project
npx react-native eject

在Xcode中执行以下步骤：

1. 打开现有iOS项目的.xcodeproj文件。
2. 将生成的ios/MyReactNativeApp/AppDelegate.m中的代码复制到你的AppDelegate.m文件中，确保更新RCTRootView的初始化部分以指向你的React Native组件。
3. 在AppDelegate.h中包含头文件。
4. 确保在Xcode中配置正确的Bundle Identifier，并为React Native设置一个新的Scheme。
5. 在Xcode中运行项目，选择模拟器或连接的设备。

示例代码：

// AppDelegate.m
#import "AppDelegate.h"
#import "RCTRootView.h"
 
// ...
 
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  // ...
 
  NSURL *jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
 
  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"MyReactNativeApp"
                                               initialProperties:nil
                                                   launchOptions:launchOptions];
  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];
  return YES;
}
 
// ...

确保在实际集成时，根据项目的具体需求调整代码，并确保遵循React Native的官方文档进行更深入的配置。