代码之家 › 专栏 › 技术社区 › Michael Kessler

将React Native导航与iOS中的React Native Callkit集成

react-native-callkit wix-react-native-navigation react-native ios

Michael Kessler · 技术社区 · 6 年前

我正在尝试将RNN(react native navigation)与RNCK(react native callkit)集成到iOS中。
问题是,它们中的每一个都需要Xcode项目的AppDelegate中唯一的设置。

他们都需要 jsCodeLocation :

NSURL *jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];

RNN设置:

[ReactNativeNavigation bootstrap:jsCodeLocation launchOptions:launchOptions];

RNCK设置:

RNCallKit *rncallkit = [[RNCallKit alloc] init];
RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:jsCodeLocation
                                          moduleProvider:^{ return @[rncallkit]; }
                                           launchOptions:launchOptions];
RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
                                                 moduleName:@"MyApp"
                                          initialProperties:nil];

我懂了 this (outdated) issue in RNCK repo 从而导致 this (also outdated) issue 两人都在谈论RNN 1,而在RNN 2中,这个设置被简化了,我看不出一个合适的方法来将两个框架集成到一个项目中,除了分叉RNN并添加一个单独的初始化器,它将接收 moduleProvider …

1 回复 | 直到 6 年前

Artal 6 年前

RNN还有一个 bootstrap 采用委托对象参数(实现 RNNBridgeManagerDelegate )这允许您注入额外的模块。

下面是一个示例,说明如何在应用程序委托本身设置为委托的情况下引导RNN:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  NSURL *jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
  [ReactNativeNavigation bootstrap:jsCodeLocation launchOptions:launchOptions bridgeManagerDelegate:self];
  return YES;
}

然后可以实现委托方法并返回 RNCallKit 对象:

- (NSArray<id<RCTBridgeModule>> *)extraModulesForBridge:(RCTBridge *)bridge {
  RNCallKit *rncallkit = [[RNCallKit alloc] init];
  return @[rncallkit];
}

推荐文章

user19476497 · 如何使用useState修改数组以使其成为React中的常数

2 年前

Muhammad Ashraf · 反应:过滤从具有特定键的对象数组中获取值,并将结果分组到数组中

2 年前

John · 如何确定Javascript自引用循环是否完成[重复]

2 年前

Herc · 将用户信息添加到firebase(注册)react native

2 年前

Bonhart · 有没有更好的方法按名称查找数组中的特定对象?

2 年前

ubermo · 如何在React本机自定义组件中使用状态?

2 年前

ramanujans alkhazarim · 错误“元素类型无效”React Native

2 年前

Audrey K · 有没有办法降级React Native?

2 年前

user15137953 · 已求解的对象作为React子对象无效。如果要渲染子级集合,请改用数组。反应

2 年前

Tedi · 如何将单个数据从子组件传递到父组件?

2 年前