changed for the new native API

example/src/app.js

@@ -11,14 +11,17 @@ const createTabs = () => {
   let tabs = [
     {
       label: 'One',
-      screen: 'example.FirstTabScreen',
+      screen: 'com.example.FirstTabScreen',
       icon: require('../img/one.png'),
       selectedIcon: require('../img/one_selected.png'),
-      title: 'Screen One'
+      title: 'Screen One',
+      navigatorStyle: {
+          tabBarHidden: true
+      }
     },
     {
       label: 'Two',
-      screen: 'example.SecondTabScreen',
+      screen: 'com.example.SecondTabScreen',
       icon: require('../img/two.png'),
       selectedIcon: require('../img/two_selected.png'),
       title: 'Screen Two',
@@ -37,35 +40,46 @@ const createTabs = () => {
   }
   return tabs;
 };
+
+import * as Commands from './../node_modules/react-native-navigation/src2/commands/valid-commands';
+//Navigation.startApp(Commands.singleScreenApp);
+//Navigation.startApp(Commands.tabBasedApp);
+//Navigation.startApp(Commands.singleWithSideMenu);
+//Navigation.startApp(Commands.singleWithRightSideMenu);
+//Navigation.startApp(Commands.singleWithBothMenus);
+//Navigation.startApp(Commands.tabBasedWithSideMenu);
+
 // this will start our app
 Navigation.startTabBasedApp({
   tabs: createTabs(),
   appStyle: {
     tabBarBackgroundColor: '#0f2362',
     tabBarButtonColor: '#ffffff',
-    tabBarSelectedButtonColor: '#63d7cc'
+    tabBarSelectedButtonColor: '#63d7cc',
   },
   drawer: {
     left: {
-      screen: 'example.SideMenu'
+      screen: 'com.example.SideMenu'
     }
   }
 });
 //Navigation.startSingleScreenApp({
 //  screen: {
-//    screen: 'example.FirstTabScreen',
+//    screen: 'com.example.FirstTabScreen',
 //    title: 'Navigation',
 //    navigatorStyle: {
 //      navBarBackgroundColor: '#4dbce9',
 //      navBarTextColor: '#ffff00',
 //      navBarSubtitleTextColor: '#ff0000',
 //      navBarButtonColor: '#ffffff',
-//      statusBarTextColorScheme: 'light'
+//      statusBarTextColorScheme: 'light',
+//      tabBarHidden: true
 //    }
 //  },
 //  drawer: {
 //    left: {
-//      screen: 'example.SideMenu'
+//      screen: 'com.example.SideMenu'
 //    }
 //  }
 //});
+

example/src/screens/FirstTabScreen.js

@@ -40,7 +40,7 @@ export default class FirstTabScreen extends Component {
   constructor(props) {
     super(props);
     // if you want to listen on navigator events, set this up
-    this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
+    //this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
   }
 
   onNavigatorEvent(event) {
@@ -60,7 +60,7 @@ export default class FirstTabScreen extends Component {
 
   render() {
     return (
-      <View style={{flex: 1, padding: 20}}>
+      <View style={{flex: 1, padding: 40}}>
         <TouchableOpacity onPress={ this.onPushPress.bind(this) }>
           <Text style={styles.button}>Push Plain Screen</Text>
         </TouchableOpacity>
@@ -97,27 +97,27 @@ export default class FirstTabScreen extends Component {
   onPushPress() {
     this.props.navigator.push({
       title: "More",
-      screen: "example.PushedScreen"
+      screen: "com.example.PushedScreen"
     });
   }
 
   onPushStyledPress() {
     this.props.navigator.push({
       title: "Styled",
-      screen: "example.StyledScreen"
+      screen: "com.example.StyledScreen"
     });
   }
 
   onModalPress() {
     this.props.navigator.showModal({
       title: "Modal",
-      screen: "example.ModalScreen"
+      screen: "com.example.ModalScreen"
     });
   }
 
   onLightBoxPress() {
     this.props.navigator.showLightBox({
-      screen: "example.LightBoxScreen",
+      screen: "com.example.LightBoxScreen",
       style: {
         backgroundBlur: "dark"
       },
@@ -129,18 +129,18 @@ export default class FirstTabScreen extends Component {
 
   onInAppNotificationPress() {
     this.props.navigator.showInAppNotification({
-      screen: "example.NotificationScreen"
+      screen: "com.example.NotificationScreen"
     });
   }
 
   onStartSingleScreenApp() {
     Navigation.startSingleScreenApp({
       screen: {
-        screen: 'example.FirstTabScreen'
+        screen: 'com.example.FirstTabScreen'
       },
       drawer: {
         left: {
-          screen: 'example.SideMenu'
+          screen: 'com.example.SideMenu'
         }
       }
     });

example/src/screens/ModalScreen.js

@@ -50,13 +50,13 @@ export default class ModalScreen extends Component {
   onPushPress() {
     this.props.navigator.push({
       title: "More",
-      screen: "example.PushedScreen"
+      screen: "com.example.PushedScreen"
     });
   }
   onPushStyledPress() {
     this.props.navigator.push({
       title: "More",
-      screen: "example.StyledScreen"
+      screen: "com.example.StyledScreen"
     });
   }
   onClosePress() {

example/src/screens/PushedScreen.js

@@ -48,7 +48,7 @@ export default class PushedScreen extends Component {
   onPushStyledPress() {
     this.props.navigator.push({
       title: "More",
-      screen: "example.StyledScreen"
+      screen: "com.example.StyledScreen"
     });
   }
   onPopPress() {
@@ -60,8 +60,7 @@ export default class PushedScreen extends Component {
   onResetToPress() {
     this.props.navigator.resetTo({
       title: "New Root",
-      screen: "example.StyledScreen",
-      animated: true
+      screen: "com.example.ThirdTabScreen"
     });
   }
 }

example/src/screens/SecondTabScreen.js

@@ -22,7 +22,7 @@ export default class SecondTabScreen extends Component {
     super(props);
     this.buttonsCounter = 0;
     // if you want to listen on navigator events, set this up
-    this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
+    //this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
   }
 
   render() {

example/src/screens/StyledScreen.js

@@ -66,13 +66,13 @@ export default class StyledScreen extends Component {
   onPushPress() {
     this.props.navigator.push({
       title: "More",
-      screen: "example.PushedScreen"
+      screen: "com.example.PushedScreen"
     });
   }
   onPushStyledPress() {
     this.props.navigator.push({
       title: "More",
-      screen: "example.StyledScreen"
+      screen: "com.example.StyledScreen"
     });
   }
   onPopPress() {

example/src/screens/index.ios.js

@@ -11,12 +11,18 @@ import LightBoxScreen from './LightBoxScreen';
 
 // register all screens of the app (including internal ones)
 export function registerScreens() {
-  Navigation.registerComponent('example.FirstTabScreen', () => FirstTabScreen);
-  Navigation.registerComponent('example.SecondTabScreen', () => SecondTabScreen);
-  Navigation.registerComponent('example.PushedScreen', () => PushedScreen);
-  Navigation.registerComponent('example.StyledScreen', () => StyledScreen);
-  Navigation.registerComponent('example.ModalScreen', () => ModalScreen);
-  Navigation.registerComponent('example.NotificationScreen', () => NotificationScreen);
-  Navigation.registerComponent('example.SideMenu', () => SideMenu);
-  Navigation.registerComponent('example.LightBoxScreen', () => LightBoxScreen);
+  Navigation.registerComponent('com.example.FirstTabScreen', () => FirstTabScreen);
+  Navigation.registerComponent('com.example.SecondTabScreen', () => SecondTabScreen);
+  Navigation.registerComponent('com.example.PushedScreen', () => PushedScreen);
+  Navigation.registerComponent('com.example.StyledScreen', () => StyledScreen);
+  Navigation.registerComponent('com.example.ModalScreen', () => ModalScreen);
+  Navigation.registerComponent('com.example.NotificationScreen', () => NotificationScreen);
+  Navigation.registerComponent('com.example.SideMenu', () => SideMenu);
+  Navigation.registerComponent('com.example.LightBoxScreen', () => LightBoxScreen);
+	
+  Navigation.registerComponent('com.example.MyScreen', () => FirstTabScreen);
+  Navigation.registerComponent('com.example.Menu', () => SideMenu);
+  Navigation.registerComponent('com.example.Menu1', () => SideMenu);
+  Navigation.registerComponent('com.example.Menu2', () => SideMenu);
+	
 }