React Native库中能否加载XIB或Storyboard？现有加载问题求助

Hey there! Great news—you absolutely can load XIBs or Storyboards in your React Native native library. The issue in your current code is how you're referencing the bundle for your XIB file. Let me break down the problem and fix it step by step.

Why Your Current Code Isn't Working #

When you use initWithNibName:@"FVCViewController" bundle:nil, iOS defaults to looking in the main app's bundle for the XIB. But your XIB files are part of your React Native library's bundle, not the main app's. That's why it can't find them.

Fix 1: Use the Correct Bundle Reference #

First, you need to get a reference to your library's bundle instead of relying on nil. There are two reliable ways to do this:

• Option 1: Use your ViewController class to fetch the bundle (most straightforward):

  NSBundle *moduleBundle = [NSBundle bundleForClass:[FVCViewController class]];
  

• Option 2: Use your library's bundle identifier (make sure you set this in your library's Info.plist under CFBundleIdentifier):

  NSBundle *moduleBundle = [NSBundle bundleWithIdentifier:@"com.yourcompany.YourRNModuleName"];
  

Fix 2: Update Your ViewController Initialization #

Now swap out the nil bundle with your library's bundle in your code. Also, I noticed a small typo in your original code—you're creating a UINavigationController but presenting the plain ViewController instead of the nav controller. Let's fix that too:

RCT_EXPORT_METHOD(showFirstVC){ 
    UIViewController *root = RCTPresentedViewController(); 
    // Get your library's bundle
    NSBundle *moduleBundle = [NSBundle bundleForClass:[FVCViewController class]];
    // Initialize VC with the correct bundle
    FVCViewController *viewController = [[FVCViewController alloc] initWithNibName:@"FVCViewController" bundle:moduleBundle]; 
    UINavigationController *navController = [[UINavigationController alloc] initWithRootViewController:viewController]; 
    navController.navigationBarHidden = YES; 
    // Present the nav controller instead of the plain VC
    [root presentViewController:navController animated:YES completion:nil]; 
}

Critical Checks to Ensure XIBs Load #

Before testing, double-check these configuration steps:

• XIB Target Membership: Make sure your XIB files are checked under your library's target in Xcode (select the XIB > File Inspector > Target Membership).
• File's Owner: In your XIB, set the "File's Owner" class to the corresponding UIViewController subclass (e.g., FVCViewController).
• XIB Filename: Ensure the name you pass to initWithNibName exactly matches the XIB's filename (case-sensitive!).

Bonus: Loading Storyboards #

If you ever need to load a Storyboard instead of a XIB, the same bundle rule applies. Here's how to do it:

// Get your library's bundle
NSBundle *moduleBundle = [NSBundle bundleForClass:[YourStoryboardVC class]];
// Load the storyboard
UIStoryboard *storyboard = [UIStoryboard storyboardWithName:@"YourStoryboardName" bundle:moduleBundle];
// Instantiate the initial view controller
UIViewController *vc = [storyboard instantiateInitialViewController];
// Or instantiate by identifier
UIViewController *vc = [storyboard instantiateViewControllerWithIdentifier:@"YourVCIdentifier"];

That should get your XIBs loading correctly in your React Native module!

内容的提问来源于stack exchange，提问作者Kirit Modi