playground bootstrapped to Navigation

playground/ios/playground/AppDelegate.m

@@ -25,11 +25,11 @@
   // **********************************************
   // *** DON'T MISS: THIS IS HOW WE BOOTSTRAP *****
   // **********************************************
-  /*self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
+  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
   self.window.backgroundColor = [UIColor whiteColor];
-  [[RCCManager sharedInstance] initBridgeWithBundleURL:jsCodeLocation];*/
+  [[RCCManager sharedInstance] initBridgeWithBundleURL:jsCodeLocation];
 
-  
+  /*
   // original RN bootstrap - remove this part
   RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                       moduleName:@"com.example.WelcomeScreen"
@@ -40,7 +40,7 @@
   rootViewController.view = rootView;
   self.window.rootViewController = rootViewController;
   [self.window makeKeyAndVisible];
-  
+  */
 
 
   return YES;

playground/src/app.js

@@ -1,7 +1,7 @@
 import React, {Component} from 'react';
 import {AppRegistry, View, Text} from 'react-native';
 
-//import Navigation from 'react-native-navigation';
+import Navigation from 'react-native-navigation';
 
 const styles = {
   root: {
@@ -28,11 +28,11 @@ class WelcomeScreen extends Component {
 }
 
 export function start() {
-  AppRegistry.registerComponent('com.example.WelcomeScreen', () => WelcomeScreen);
-  //Navigation.startApp({
-  //  container: {
-  //    key: 'com.example.WelcomeScreen'
-  //  }
-  //});
+  Navigation.registerContainer(`com.example.WelcomeScreen`, () => WelcomeScreen);
+  Navigation.startApp({
+    container: {
+      key: 'com.example.WelcomeScreen'
+    }
+  });
 }