1. 創(chuàng)建或找到一個現(xiàn)成的 BridgeModule 類
2. 在該 BridgeModule 類的 .m 文件中，確保包含

 #import "UIView+React.h"

3. 在 @implementation 中，確保包含

 @synthesize bridge = _bridge;

4. 在 @implementation 中，RCT_EXPORT_METHOD 一個 Bridge 方法

 RCT_EXPORT_METHOD(
   sometingToDoWithTheViewControllerOfTheComponent:(nonnull NSNumber *)reactTag // Component 對象的 reactTag
   resolver:(RCTPromiseResolveBlock)resolve // 這行 
   rejecter:(RCTPromiseRejectBlock)reject   // 和這行是可選的，如果需要在執(zhí)行完畢后給 JavaScript 通知的話，就帶上
 )
 {
   // 實(shí)現(xiàn)后文詳述
 }

5. 在 Bridge 方法中，通過如下代碼取得 reactTag 對應(yīng)的 view，并基于該 view 取得它所對應(yīng)的 viewController

 RCTUIManager *uiManager = _bridge.uiManager;
 dispatch_async(uiManager.methodQueue, ^{
   [uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
     UIView *view = viewRegistry[reactTag];
     UIViewController *viewController = (UIViewController *)view.reactViewController;
     // It's now ok to do something with the viewController
     // which is in charge of the component.
   }
 }

1. 基于上述辦法取到當(dāng)前 Component 所屬的 ViewController
2. 通過如下代碼取得它所屬的 navigationController，調(diào)用它的 pushViewController 或 presentViewController 方法即可

 [viewController.navigationController pushViewController:anotherViewController animated:YES]; // 跳轉(zhuǎn)
 [viewController.navigationController presentViewController:anotherViewController animated:YES completion:^{}] ;// 彈出

3. 完整代碼如下：

 RCT_EXPORT_METHOD
 (
  pushViewControllerXYZ:(nonnull NSNumber *)reactTag
  resolver:(RCTPromiseResolveBlock)resolve
  rejecter:(RCTPromiseRejectBlock)reject
 )
 {
   RCTUIManager *uiManager = _bridge.uiManager;
   dispatch_async(uiManager.methodQueue, ^{
     [uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
       UIView *view = viewRegistry[reactTag];
       UIViewController *viewController = (UIViewController *)view.reactViewController;
       [viewController pushViewController:[ViewControllerXYZ new] animated:YES];
       resolve(nil);
     }
   }
 }

RCT_EXPORT_METHOD
(
  presentViewControllerXYZ:(nonnull NSNumber *)reactTag
  resolver:(RCTPromiseResolveBlock)resolve
  rejecter:(RCTPromiseRejectBlock)reject
)
{
  RCTUIManager *uiManager = _bridge.uiManager;
  dispatch_async(uiManager.methodQueue, ^{
    [uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
      UIView *view = viewRegistry[reactTag];
      UIViewController *viewController = (UIViewController *)view.reactViewController;
      [viewController presentViewController:[ViewControllerXYZ new] animated:YES completion:^{}];
      resolve(nil);
    }
  }
}

1. 基于上述辦法取到當(dāng)前 Component 所屬的 ViewController
2. 通過如下代碼取得它對應(yīng)的 navigationItem，然后各個屬性隨便設(shè)

 viewController.navigationItem.title = @"Hello";
 viewController.navigationItem.prompt = @"Aloha";

3. 如果希望設(shè)置 navigationItem 的 titleView 為某個 React Native Component：

 RCT_EXPORT_METHOD
 (
  setTitleView:(nonnull NSNumber *)reactTag
  props:(NSDictionary *)props
  resolver:(RCTPromiseResolveBlock)resolve
  rejecter:(RCTPromiseRejectBlock)reject
 )
 {
   UIView *titleView = [[RCTRootView alloc] initWithBridge:_bridge
                                                moduleName:[props objectForKey:@"moduleName"]
                                         initialProperties:[props objectForKey:@"initialProperties"]];
   viewController.navigationItem.titleView = titleView;
 }

4. 如果希望設(shè)置 navigationItem 的 left、right、back 按鈕：

1. ~