React Native Push 而不是 Present 本机 iOS 视图

Question

我想在 react native 应用程序中显示原生视图控制器 (ABPersonViewController)。

我可以呈现视图，但不能推送视图。此代码片段有效并显示视图，但我的应用程序没有后退按钮：

let personViewController = ABPersonViewController()
let rootViewController:UIViewController? 
        = UIApplication.shared.delegate?.window??.rootViewController!

personViewController.displayedPerson = record!

// this works
rootViewController!.present(personViewController, animated: true)

如果我尝试推送视图而不是呈现视图，则什么也不会发生，因为 navigationController 为 nil：

if (rootViewController!.navigationController != nil) {
      rootViewController!.navigationController!.pushViewController(personViewController, animated: true)
}

如何在 react native iOS 中推送原生视图？

在 React native android 中，可以在自定义模块中使用以下代码轻松查看联系人：

final Activity activity = getCurrentActivity();
Intent contactIntent = new Intent(Intent.ACTION_VIEW);
Uri uri = Uri.withAppendedPath(ContactsContract.Contacts.CONTENT_URI, id);

contactIntent.setData(uri);
activity.startActivity(contactIntent);

我希望 React Native iOS 能这么简单！

我尝试了@Artal 的 iOS 解决方案，它在一定程度上有效。

我分配了一个 UINavigationController，它使用现有的 RN UIViewController 作为它的根，并将它设置为窗口的 rootViewController。代码如下：

UIViewController *rootViewController = [UIViewController new];
UINavigationController *navigationController = [[UINavigationController alloc]initWithRootViewController:rootViewController];

navigationController.navigationBarHidden = YES;   
rootViewController.view = rootView;
self.window.rootViewController = navigationController;

在我的快速代码中，我将 rootViewController 转换为 UINavigationController，将 isNavigationBarHidden 设置为 false 并推送 personViewController

let navigationController:UINavigationController = rootViewController as! UINavigationController;

DispatchQueue.main.async {
   navigationController.isNavigationBarHidden = false;
   navigationController.pushViewController(personViewController, animated: true)

}

当我覆盖 UINavigationController ShouldPopOnBackButton 以便在返回 RN 时将 navigationBarHidden 设置为 true 时，问题出现了。我遵循https://stackoverflow.com/a/19132881/826435中的方法

@implementation UINavigationController (ShouldPopOnBackButton)

- (BOOL)navigationBar:(UINavigationBar *)navigationBar shouldPopItem:(UINavigationItem *)item {
  if([self.viewControllers count] < [navigationBar.items count]) {
    return YES;
  }

  dispatch_async(dispatch_get_main_queue(), ^{
    self.navigationBarHidden = YES;
    [self popViewControllerAnimated:YES];
  });

  return NO;
}

@结束

在调用之后，RN 视图恢复，但随后在模拟器上运行时，所有输入字段的 RN 键盘都被禁用；不过它在设备上运行良好。

知道为什么模拟器上的 RN 键盘被禁用了吗？

詹姆斯

Answer 1

您无法推送视图控制器，因为 RN 应用程序的默认 rootViewController 是 UIViewController 而不是 UINavigationController，这也是您看到它是 nil 的原因。

如果您想使用原生导航堆栈并推送另一个原生屏幕，您有两种选择：

1. 使用原生导航解决方案，例如RNN。这种方法的缺点是它需要完全改变您当前处理导航的方式。 注意：虽然 RN 带有一个开箱即用的原生导航解决方案 (NavigatorIOS)，但它不允许您推送其他原生屏幕。您也许可以通过访问一些私有属性来破解它，但我不确定您是否想去那里。
2. 在AppDelegate 中更改应用的根目录。您可以分配一个UINavigationController，它将使用现有的RN UIViewController 作为其根，并将其设置为您窗口的rootViewController。请注意，这种更改可能会对您的应用产生其他影响；例如：您将获得 UINavigationController 原生导航栏和可能的其他一些副作用。

Answer 2

也许你可以将 Objective-C navigationController 传递给 Swift 方法。

(UINavigationController *)[UIApplication sharedApplication].keyWindow.rootViewController 可以在 React Native 中转换为 navigationController。

但是

UIApplication.shared.keyWindow?.rootViewController as? UINavigationController

Answer 3

@Artal 建议的解决方案 (2) 确实适用于设备，但在模拟器上，键盘在从本机视图返回后被禁用。