bootstrapping

ios/RNNBridgeModule.m

@@ -1,4 +1,6 @@
 #import "RNNBridgeModule.h"
+#import "RNNStore.h"
+#import "RCTRootView.h"
 
 @implementation RNNBridgeModule
 
@@ -11,7 +13,13 @@ RCT_EXPORT_MODULE(NativeNavigation);
 
 RCT_EXPORT_METHOD(startApp:(NSDictionary*)layout)
 {
+    RCTRootView *reactView = [[RCTRootView alloc] initWithBridge:RNNStore.sharedInstance.bridge moduleName:@"com.example.WelcomeScreen" initialProperties:@[@{@"containerId": @"123"}]];
     
+    UIViewController* controller = [UIViewController new];
+    controller.view = reactView;
+
+    RNNStore.appDelegate.window.rootViewController = controller;
+    [RNNStore.appDelegate.window makeKeyAndVisible];
 }
 
 @end

ios/RNNSplashScreen.h

@@ -0,0 +1,7 @@
+#import <Foundation/Foundation.h>
+
+@interface RNNSplashScreen : NSObject
+
+-(void)showSplashScreen;
+
+@end

ios/RNNSplashScreen.m

@@ -0,0 +1,76 @@
+
+#import "RNNSplashScreen.h"
+#import <UIKit/UIKit.h>
+
+@implementation RNNSplashScreen
+
+-(void)showSplashScreen
+{
+    CGRect screenBounds = [UIScreen mainScreen].bounds;
+    UIView *splashView = nil;
+    
+    NSString* launchStoryBoard = [[NSBundle mainBundle] objectForInfoDictionaryKey:@"UILaunchStoryboardName"];
+    if (launchStoryBoard != nil)
+    {//load the splash from the storyboard that's defined in the info.plist as the LaunchScreen
+        @try
+        {
+            splashView = [[NSBundle mainBundle] loadNibNamed:launchStoryBoard owner:self options:nil][0];
+            if (splashView != nil)
+            {
+                splashView.frame = CGRectMake(0, 0, screenBounds.size.width, screenBounds.size.height);
+            }
+        }
+        @catch(NSException *e)
+        {
+            splashView = nil;
+        }
+    }
+    else
+    {//load the splash from the DEfault image or from LaunchImage in the xcassets
+        CGFloat screenHeight = screenBounds.size.height;
+        
+        NSString* imageName = @"Default";
+        if (screenHeight == 568)
+            imageName = [imageName stringByAppendingString:@"-568h"];
+        else if (screenHeight == 667)
+            imageName = [imageName stringByAppendingString:@"-667h"];
+        else if (screenHeight == 736)
+            imageName = [imageName stringByAppendingString:@"-736h"];
+        
+        //xcassets LaunchImage files
+        UIImage *image = [UIImage imageNamed:imageName];
+        if (image == nil)
+        {
+            imageName = @"LaunchImage";
+            
+            if (screenHeight == 480)
+                imageName = [imageName stringByAppendingString:@"-700"];
+            if (screenHeight == 568)
+                imageName = [imageName stringByAppendingString:@"-700-568h"];
+            else if (screenHeight == 667)
+                imageName = [imageName stringByAppendingString:@"-800-667h"];
+            else if (screenHeight == 736)
+                imageName = [imageName stringByAppendingString:@"-800-Portrait-736h"];
+            
+            image = [UIImage imageNamed:imageName];
+        }
+        
+        if (image != nil)
+        {
+            splashView = [[UIImageView alloc] initWithImage:image];
+        }
+    }
+    
+    if (splashView != nil)
+    {
+        UIViewController *splashVC = [[UIViewController alloc] init];
+        splashVC.view = splashView;
+        
+        id<UIApplicationDelegate> appDelegate = [UIApplication sharedApplication].delegate;
+        appDelegate.window.rootViewController = splashVC;
+        [appDelegate.window makeKeyAndVisible];
+    }
+    
+}
+
+@end

ios/RNNStore.h

@@ -0,0 +1,14 @@
+
+#import <Foundation/Foundation.h>
+#import <UIKit/UIKit.h>
+#import "RCTBridgeModule.h"
+
+@interface RNNStore : NSObject
+
+@property (atomic, strong) RCTBridge* bridge;
+
++(instancetype)sharedInstance;
+
++(id<UIApplicationDelegate>)appDelegate;
+
+@end

ios/RNNStore.m

@@ -0,0 +1,28 @@
+
+#import "RNNStore.h"
+
+@interface RNNStore()
+
+@end
+
+@implementation RNNStore
+
++(instancetype)sharedInstance
+{
+    static RNNStore *sharedInstance = nil;
+    static dispatch_once_t onceToken = 0;
+    dispatch_once(&onceToken,^{
+        if (sharedInstance == nil)
+        {
+            sharedInstance = [[RNNStore alloc] init];
+        }
+    });
+    
+    return sharedInstance;
+}
+
++(id<UIApplicationDelegate>)appDelegate {
+    return UIApplication.sharedApplication.delegate;
+}
+
+@end

ios/ReactNativeNavigation.h

@@ -0,0 +1,12 @@
+
+#import <Foundation/Foundation.h>
+#import <UIKit/UIKit.h>
+
+@interface ReactNativeNavigation : NSObject
+
++(void)bootstrap:(NSURL*)jsCodeLocation;
+
++(void)bootstrap:(NSURL*)jsCodeLocation
+   launchOptions:(NSDictionary *)launchOptions;
+
+@end

ios/ReactNativeNavigation.m

@@ -0,0 +1,22 @@
+
+#import "ReactNativeNavigation.h"
+#import "RNNStore.h"
+#import "RCTBridge.h"
+
+@implementation ReactNativeNavigation
+
++(void)bootstrap:(NSURL *)jsCodeLocation
+{
+    [ReactNativeNavigation bootstrap:jsCodeLocation launchOptions:nil];
+}
+
++(void)bootstrap:(NSURL *)jsCodeLocation launchOptions:(NSDictionary *)launchOptions
+{
+    RNNStore.appDelegate.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
+    RNNStore.appDelegate.window.backgroundColor = [UIColor whiteColor];
+    
+    RCTBridge* bridge = [[RCTBridge alloc] initWithBundleURL:jsCodeLocation moduleProvider:nil launchOptions:launchOptions];
+    RNNStore.sharedInstance.bridge = bridge;
+}
+
+@end

ios/ReactNativeNavigation.xcodeproj/project.pbxproj

@@ -13,7 +13,10 @@
 		2636176F1E12722900D88A13 /* RNNTabBarController.m in Sources */ = {isa = PBXBuildFile; fileRef = 2636176E1E12722900D88A13 /* RNNTabBarController.m */; };
 		2636F1611E0EC9E7007ABB09 /* RNNStyler.m in Sources */ = {isa = PBXBuildFile; fileRef = 2636F1601E0EC9E7007ABB09 /* RNNStyler.m */; };
 		26AFF3F51D7EEE2400CBA211 /* RCCTitleViewHelper.m in Sources */ = {isa = PBXBuildFile; fileRef = 26AFF3F41D7EEE2400CBA211 /* RCCTitleViewHelper.m */; };
+		7BA500751E2544B9001B9E1B /* ReactNativeNavigation.m in Sources */ = {isa = PBXBuildFile; fileRef = 7BA500741E2544B9001B9E1B /* ReactNativeNavigation.m */; };
+		7BA500781E254908001B9E1B /* RNNSplashScreen.m in Sources */ = {isa = PBXBuildFile; fileRef = 7BA500771E254908001B9E1B /* RNNSplashScreen.m */; };
 		7BBFE5441E25330E002A6182 /* RNNBridgeModule.m in Sources */ = {isa = PBXBuildFile; fileRef = 7BBFE5431E25330E002A6182 /* RNNBridgeModule.m */; };
+		7BBFE5611E253F97002A6182 /* RNNStore.m in Sources */ = {isa = PBXBuildFile; fileRef = 7BBFE5601E253F97002A6182 /* RNNStore.m */; };
 		CC84A19E1C1A0C4E00B3A6A2 /* RCCManager.m in Sources */ = {isa = PBXBuildFile; fileRef = CC84A1941C1A0C4E00B3A6A2 /* RCCManager.m */; };
 		CC84A19F1C1A0C4E00B3A6A2 /* RCCManagerModule.m in Sources */ = {isa = PBXBuildFile; fileRef = CC84A1961C1A0C4E00B3A6A2 /* RCCManagerModule.m */; };
 		CC84A1A01C1A0C4E00B3A6A2 /* RCCNavigationController.m in Sources */ = {isa = PBXBuildFile; fileRef = CC84A1981C1A0C4E00B3A6A2 /* RCCNavigationController.m */; };
@@ -65,8 +68,14 @@
 		2636F1601E0EC9E7007ABB09 /* RNNStyler.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNNStyler.m; sourceTree = "<group>"; };
 		26AFF3F31D7EEE2400CBA211 /* RCCTitleViewHelper.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCCTitleViewHelper.h; sourceTree = "<group>"; };
 		26AFF3F41D7EEE2400CBA211 /* RCCTitleViewHelper.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCCTitleViewHelper.m; sourceTree = "<group>"; };
+		7BA500731E2544B9001B9E1B /* ReactNativeNavigation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = ReactNativeNavigation.h; sourceTree = "<group>"; };
+		7BA500741E2544B9001B9E1B /* ReactNativeNavigation.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ReactNativeNavigation.m; sourceTree = "<group>"; };
+		7BA500761E254908001B9E1B /* RNNSplashScreen.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RNNSplashScreen.h; sourceTree = "<group>"; };
+		7BA500771E254908001B9E1B /* RNNSplashScreen.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNNSplashScreen.m; sourceTree = "<group>"; };
 		7BBFE5421E25330E002A6182 /* RNNBridgeModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RNNBridgeModule.h; sourceTree = "<group>"; };
 		7BBFE5431E25330E002A6182 /* RNNBridgeModule.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNNBridgeModule.m; sourceTree = "<group>"; };
+		7BBFE55F1E253F97002A6182 /* RNNStore.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RNNStore.h; sourceTree = "<group>"; };
+		7BBFE5601E253F97002A6182 /* RNNStore.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNNStore.m; sourceTree = "<group>"; };
 		CC84A1931C1A0C4E00B3A6A2 /* RCCManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCCManager.h; sourceTree = "<group>"; };
 		CC84A1941C1A0C4E00B3A6A2 /* RCCManager.m */ = {isa = PBXFileReference; fileEncoding = 4; indentWidth = 2; lastKnownFileType = sourcecode.c.objc; path = RCCManager.m; sourceTree = "<group>"; tabWidth = 2; };
 		CC84A1951C1A0C4E00B3A6A2 /* RCCManagerModule.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCCManagerModule.h; sourceTree = "<group>"; };
@@ -242,6 +251,12 @@
 		D8AFADB41BEE6F3F00A4592D = {
 			isa = PBXGroup;
 			children = (
+				7BA500731E2544B9001B9E1B /* ReactNativeNavigation.h */,
+				7BA500741E2544B9001B9E1B /* ReactNativeNavigation.m */,
+				7BA500761E254908001B9E1B /* RNNSplashScreen.h */,
+				7BA500771E254908001B9E1B /* RNNSplashScreen.m */,
+				7BBFE55F1E253F97002A6182 /* RNNStore.h */,
+				7BBFE5601E253F97002A6182 /* RNNStore.m */,
 				7BBFE5421E25330E002A6182 /* RNNBridgeModule.h */,
 				7BBFE5431E25330E002A6182 /* RNNBridgeModule.m */,
 				7BBFE53F1E253144002A6182 /* old */,
@@ -324,6 +339,7 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				7BA500751E2544B9001B9E1B /* ReactNativeNavigation.m in Sources */,
 				D85082EA1CBCF54200FDB961 /* TheSidebarController.m in Sources */,
 				CC84A1A01C1A0C4E00B3A6A2 /* RCCNavigationController.m in Sources */,
 				D83514F61D29719A00D53758 /* RCCNotification.m in Sources */,
@@ -346,10 +362,12 @@
 				CC84A1A21C1A0C4E00B3A6A2 /* RCCViewController.m in Sources */,
 				2636F1611E0EC9E7007ABB09 /* RNNStyler.m in Sources */,
 				263617541E124FA100D88A13 /* RNNNavigationController.m in Sources */,
+				7BA500781E254908001B9E1B /* RNNSplashScreen.m in Sources */,
 				2606F7DA1E0BC3FC00CC69CC /* RNNViewController.m in Sources */,
 				D85082E91CBCF54200FDB961 /* SidebarWunderlistAnimation.m in Sources */,
 				D85082E11CBCF54200FDB961 /* RCCDrawerHelper.m in Sources */,
 				D85082FE1CBCF8A800FDB961 /* MMDrawerVisualState.m in Sources */,
+				7BBFE5611E253F97002A6182 /* RNNStore.m in Sources */,
 				D85082FD1CBCF8A800FDB961 /* MMDrawerController.m in Sources */,
 				D85082E41CBCF54200FDB961 /* SidebarAnimation.m in Sources */,
 				D8E11C571CBD1F670018B644 /* RCCDrawerController.m in Sources */,

playground/ios/playground/AppDelegate.m

@@ -3,7 +3,7 @@
 // **********************************************
 // *** DON'T MISS: THE NEXT LINE IS IMPORTANT ***
 // **********************************************
-#import "RCCManager.h"
+#import "ReactNativeNavigation.h"
 
 // IMPORTANT: if you're getting an Xcode error that RCCManager.h isn't found, you've probably ran "npm install"
 // with npm ver 2. You'll need to "npm install" with npm 3 (see https://github.com/wix/react-native-navigation/issues/1)
@@ -25,9 +25,7 @@
   // **********************************************
   // *** DON'T MISS: THIS IS HOW WE BOOTSTRAP *****
   // **********************************************
-  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
-  self.window.backgroundColor = [UIColor whiteColor];
-  [[RCCManager sharedInstance] initBridgeWithBundleURL:jsCodeLocation];
+  [ReactNativeNavigation bootstrap:jsCodeLocation launchOptions:launchOptions];
 
   /*
   // original RN bootstrap - remove this part

src/containers/ContainerRegistry.js

@@ -14,7 +14,7 @@ function wrapContainer(containerKey, OriginalContainer) {
     constructor(props) {
       super(props);
       if (!props.containerId) {
-        throw new Error(`Container ${containerKey} does not have a containerId!`);
+        //throw new Error(`Container ${containerKey} does not have a containerId!`);
       }
       this.state = {
         containerId: props.containerId,