Initial implementation for Navigator.push

Navigator.push allows us to open a new screen. Currently it starts a new Activity with the screen
as it’s root view, but this is only a temporary behaviour. The intended behaviour is similar to
View Controllers on iOS which allows you to manage view hierarchies or a stack of fragments
managed by FragmentManager on Android.

android/app/src/main/AndroidManifest.xml

@@ -3,7 +3,8 @@
 
     <application>
       <activity android:name="com.reactnativenavigation.activities.RctActivity" />
-        <activity android:name="com.reactnativenavigation.activities.TabActivity" />
+      <activity android:name="com.reactnativenavigation.activities.TabActivity" />
+      <activity android:name="com.reactnativenavigation.activities.SingleScreenActivity" />
     </application>
 
 </manifest>

android/app/src/main/java/com/reactnativenavigation/activities/BaseReactActivity.java

@@ -20,8 +20,9 @@ import com.facebook.react.ReactRootView;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.facebook.react.shell.MainReactPackage;
+import com.reactnativenavigation.BuildConfig;
 import com.reactnativenavigation.core.RctManager;
-import com.reactnativenavigation.packages.RCCPackage;
+import com.reactnativenavigation.packages.RnnPackage;
 import com.reactnativenavigation.utils.ContextProvider;
 
 import java.util.Arrays;
@@ -32,7 +33,7 @@ import javax.annotation.Nullable;
 /**
  * Base Activity for React Native applications.
  */
-public abstract class BaseReactActivity extends AppCompatActivity implements DefaultHardwareBackBtnHandler {
+public class BaseReactActivity extends AppCompatActivity implements DefaultHardwareBackBtnHandler {
 
     private static final String REDBOX_PERMISSION_MESSAGE =
             "Overlay permissions needs to be granted in order for react native apps to run in dev mode";
@@ -88,12 +89,16 @@ public abstract class BaseReactActivity extends AppCompatActivity implements Def
      * This is used to schedule rendering of the component.
      * e.g. "MoviesApp"
      */
-    protected abstract String getMainComponentName();
+    protected String getMainComponentName() {
+        return "";
+    }
 
     /**
      * Returns whether dev mode should be enabled. This enables e.g. the dev menu.
      */
-    protected abstract boolean getUseDeveloperSupport();
+    protected boolean getUseDeveloperSupport() {
+        return BuildConfig.DEBUG;
+    }
 
     /**
      * Returns a list of {@link ReactPackage} used by the app.
@@ -104,7 +109,7 @@ public abstract class BaseReactActivity extends AppCompatActivity implements Def
     protected List<ReactPackage> getPackages() {
         return Arrays.asList(
                 new MainReactPackage(),
-                new RCCPackage()
+                new RnnPackage()
         );
     }
 

android/app/src/main/java/com/reactnativenavigation/activities/CompoundReactActivity.java

@@ -1,21 +0,0 @@
-package com.reactnativenavigation.activities;
-
-import com.reactnativenavigation.BuildConfig;
-
-/**
- * Base Activity for React Native applications.
- *
- * Created by guyc on 02/04/16.
- */
-public class CompoundReactActivity extends BaseReactActivity {
-    @Override
-    protected String getMainComponentName() {
-        return "";
-    }
-
-    @Override
-    protected boolean getUseDeveloperSupport() {
-        return BuildConfig.DEBUG;
-    }
-}
-

android/app/src/main/java/com/reactnativenavigation/activities/RctActivity.java

@@ -25,14 +25,12 @@ public class RctActivity extends BaseReactActivity {
 
     @Override
     public void onCreate(Bundle savedInstanceState) {
-        Log.v(TAG, "onCreate");
         if (mComponentName == null) {
             Intent intent = getIntent();
             assert intent != null;
             mComponentName = intent.getStringExtra(EXTRA_COMPONENT_NAME);
             assert mComponentName != null;
         }
-        Log.v(TAG, "mComponentName: " + mComponentName);
 
         super.onCreate(savedInstanceState);
     }

android/app/src/main/java/com/reactnativenavigation/activities/SingleScreenActivity.java

@@ -0,0 +1,43 @@
+package com.reactnativenavigation.activities;
+
+import android.support.v7.widget.Toolbar;
+import android.view.View;
+import android.widget.FrameLayout;
+
+import com.reactnativenavigation.R;
+import com.reactnativenavigation.core.RctManager;
+import com.reactnativenavigation.core.Screen;
+import com.reactnativenavigation.views.RctView;
+
+/**
+ * Created by guyc on 05/04/16.
+ */
+public class SingleScreenActivity extends BaseReactActivity {
+
+    public static final String EXTRA_SCREEN = "extraScreen";
+
+    private Toolbar mToolbar;
+    private FrameLayout mContentFrame;
+
+    @Override
+    protected void handleOnCreate() {
+        mReactInstanceManager = RctManager.getInstance().getReactInstanceManager();
+
+        setContentView(R.layout.single_screen_activity);
+        mToolbar = (Toolbar) findViewById(R.id.toolbar);
+        mContentFrame = (FrameLayout) findViewById(R.id.contentFrame);
+
+        Screen screen = (Screen) getIntent().getSerializableExtra(EXTRA_SCREEN);
+        setupToolbar(screen.title);
+        setupReactView(screen);
+    }
+
+    private void setupToolbar(String title) {
+        mToolbar.setTitle(title);
+    }
+
+    private void setupReactView(Screen screen) {
+        View view = new RctView(this, mReactInstanceManager, screen);
+        mContentFrame.addView(view);
+    }
+}

android/app/src/main/java/com/reactnativenavigation/activities/TabActivity.java

@@ -1,13 +1,11 @@
 package com.reactnativenavigation.activities;
 
-import android.os.Bundle;
 import android.support.design.widget.TabLayout;
 import android.support.v4.view.ViewPager;
 import android.support.v7.widget.Toolbar;
-import android.util.Log;
 
 import com.reactnativenavigation.R;
-import com.reactnativenavigation.adapters.Page;
+import com.reactnativenavigation.core.Screen;
 import com.reactnativenavigation.adapters.ViewPagerAdapter;
 import com.reactnativenavigation.core.RctManager;
 
@@ -16,20 +14,13 @@ import java.util.ArrayList;
 /**
  * Created by guyc on 02/04/16.
  */
-public class TabActivity extends CompoundReactActivity {
-    private static final String TAG = "TabActivity";
-    public static final String EXTRA_TABS = "extraTabs";
+public class TabActivity extends BaseReactActivity {
+    public static final String EXTRA_SCREENS = "extraTabs";
 
     private Toolbar mToolbar;
     private TabLayout mTabLayout;
     private ViewPager mViewPager;
 
-    @Override
-    public void onCreate(Bundle savedInstanceState) {
-        Log.v(TAG, "onCreate");
-        super.onCreate(savedInstanceState);
-    }
-
     @Override
     protected void handleOnCreate() {
         mReactInstanceManager = RctManager.getInstance().getReactInstanceManager();
@@ -43,42 +34,15 @@ public class TabActivity extends CompoundReactActivity {
         setupViews();
     }
 
-
     private void setupToolbar() {
         setSupportActionBar(mToolbar);
     }
+
     private void setupViews() {
-        ArrayList<Page> pages = (ArrayList<Page>) getIntent().getSerializableExtra(EXTRA_TABS);
-        ViewPagerAdapter adapter = new ViewPagerAdapter(this, pages);
+        ArrayList<Screen> screens = (ArrayList<Screen>) getIntent().getSerializableExtra(EXTRA_SCREENS);
+        ViewPagerAdapter adapter = new ViewPagerAdapter(this, screens);
         mViewPager.setAdapter(adapter);
         mTabLayout.setupWithViewPager(mViewPager);
         adapter.notifyDataSetChanged();
     }
-
-    @Override
-    protected void onStart() {
-        Log.v(TAG, "onStart");
-        super.onStart();
-    }
-
-    @Override
-    protected void onResume() {
-        Log.v(TAG, "onResume");
-        super.onResume();
-    }
-
-    @Override
-    protected void onPause() {
-        super.onPause();
-    }
-
-    @Override
-    protected void onStop() {
-        super.onStop();
-    }
-
-    @Override
-    protected void onDestroy() {
-        super.onDestroy();
-    }
 }

android/app/src/main/java/com/reactnativenavigation/adapters/Page.java

@@ -1,24 +0,0 @@
-package com.reactnativenavigation.adapters;
-
-import com.facebook.react.bridge.ReadableMap;
-
-import java.io.Serializable;
-
-/**
- *
- * Created by guyc on 02/04/16.
- */
-public class Page implements Serializable {
-    private static final long serialVersionUID = -1033475305421107791L;
-    private static final String KEY_TITLE = "title";
-    private static final String KEY_SCREEN = "screen";
-    private static final String KEY_LABEL = "label";
-
-    /*package*/ String title;
-    /*package*/ String screenId;
-
-    public Page(ReadableMap page) {
-        title = page.getString(KEY_TITLE);
-        screenId = page.getString(KEY_SCREEN);
-    }
-}

android/app/src/main/java/com/reactnativenavigation/adapters/ViewPagerAdapter.java

@@ -1,43 +1,38 @@
 package com.reactnativenavigation.adapters;
 
 import android.support.v4.view.PagerAdapter;
-import android.util.Log;
 import android.view.View;
 import android.view.ViewGroup;
 
 import com.facebook.react.ReactInstanceManager;
-import com.facebook.react.bridge.ReadableArray;
 import com.reactnativenavigation.activities.BaseReactActivity;
 import com.reactnativenavigation.core.RctManager;
+import com.reactnativenavigation.core.Screen;
 import com.reactnativenavigation.views.RctView;
 
 import java.util.ArrayList;
 
 /**
- *
  * Created by guyc on 02/04/16.
  */
 public class ViewPagerAdapter extends PagerAdapter {
 
-    private static final String TAG = "ViewPagerAdapter";
     private BaseReactActivity mContext;
-    private final ArrayList<Page> mPages;
+    private final ArrayList<Screen> mScreens;
     private final ReactInstanceManager mReactInstanceManager;
 
-    public ViewPagerAdapter(BaseReactActivity context, ArrayList<Page> pages) {
+    public ViewPagerAdapter(BaseReactActivity context, ArrayList<Screen> screens) {
         mContext = context;
-        mPages = pages;
+        mScreens = screens;
         mReactInstanceManager = RctManager.getInstance().getReactInstanceManager();
     }
 
     @Override
     public Object instantiateItem(ViewGroup container, int position) {
-        Log.v(TAG, "instantiateItem" + position);
-        String screenId = mPages.get(position).screenId;
-        View view = new RctView(mContext, mReactInstanceManager, screenId);
+        Screen screen = mScreens.get(position);
+        View view = new RctView(mContext, mReactInstanceManager, screen);
         container.addView(view);
         return view;
-
     }
 
     @Override
@@ -47,7 +42,7 @@ public class ViewPagerAdapter extends PagerAdapter {
 
     @Override
     public int getCount() {
-        return mPages.size();
+        return mScreens.size();
     }
 
     @Override
@@ -57,14 +52,6 @@ public class ViewPagerAdapter extends PagerAdapter {
 
     @Override
     public CharSequence getPageTitle(int position) {
-        return mPages.get(position).title;
-    }
-
-    public static ArrayList<Page> createDataSet(ReadableArray tabs) {
-        ArrayList<Page> ret = new ArrayList<>();
-        for(int i = 0; i < tabs.size(); i++) {
-            ret.add(new Page(tabs.getMap(i)));
-        }
-        return ret;
+        return mScreens.get(position).title;
     }
 }

android/app/src/main/java/com/reactnativenavigation/core/Screen.java

@@ -0,0 +1,38 @@
+package com.reactnativenavigation.core;
+
+import com.facebook.react.bridge.ReadableMap;
+
+import java.io.Serializable;
+
+/**
+ * Created by guyc on 02/04/16.
+ */
+public class Screen implements Serializable {
+    private static final long serialVersionUID = -1033475305421107791L;
+    private static final String KEY_TITLE = "title";
+    private static final String KEY_SCREEN = "screen";
+    public static final String KEY_SCREEN_INSTANCE_ID = "screenInstanceID";
+    public static final String KEY_STACK_ID = "stackID";
+    public static final String KEY_NAVIGATOR_ID = "navigatorID";
+    public static final String KEY_NAVIGATOR_EVENT_ID = "navigatorEventID";
+
+    public String title;
+    public String screenId;
+    public String screenInstanceId;
+    public String stackId;
+    public String navigatorId;
+    public String navigatorEventId;
+
+    public Screen(ReadableMap screen) {
+        title = getString(screen, KEY_TITLE);
+        screenId = getString(screen, KEY_SCREEN);
+        screenInstanceId = getString(screen, KEY_SCREEN_INSTANCE_ID);
+        stackId = getString(screen, KEY_STACK_ID);
+        navigatorId = getString(screen, KEY_NAVIGATOR_ID);
+        navigatorEventId = getString(screen, KEY_NAVIGATOR_EVENT_ID);
+    }
+
+    private String getString(ReadableMap map, String key) {
+        return map.hasKey(key) ? map.getString(key) : null;
+    }
+}

android/app/src/main/java/com/reactnativenavigation/modules/RctActivityModule.java

@@ -3,19 +3,21 @@ package com.reactnativenavigation.modules;
 import android.app.Activity;
 import android.content.Intent;
 import android.os.Bundle;
-import android.util.Log;
 
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
 import com.reactnativenavigation.activities.RctActivity;
+import com.reactnativenavigation.activities.SingleScreenActivity;
 import com.reactnativenavigation.activities.TabActivity;
-import com.reactnativenavigation.adapters.ViewPagerAdapter;
+import com.reactnativenavigation.core.Screen;
 import com.reactnativenavigation.utils.ContextProvider;
 
+import java.util.ArrayList;
+
 /**
- *
  * Created by guyc on 10/03/16.
  */
 public class RctActivityModule extends ReactContextBaseJavaModule {
@@ -41,19 +43,35 @@ public class RctActivityModule extends ReactContextBaseJavaModule {
     }
 
     @ReactMethod
-    public void startTabBasedApp(ReadableArray tabs) {
-        Log.v(REACT_CLASS, "Starting tab based app\n" + tabs);
-
-
+    public void startTabBasedApp(ReadableArray screens) {
         Activity context = ContextProvider.getActivityContext();
         if (context != null && !context.isFinishing()) {
-            // Create the intent
             Intent intent = new Intent(context, TabActivity.class);
 
+            Bundle extras = new Bundle();
+            extras.putSerializable(TabActivity.EXTRA_SCREENS, createScreens(screens));
+            intent.putExtras(extras);
+
+            context.startActivity(intent);
+        }
+    }
+
+    private ArrayList<Screen> createScreens(ReadableArray screens) {
+        ArrayList<Screen> ret = new ArrayList<>();
+        for(int i = 0; i < screens.size(); i++) {
+            ret.add(new Screen(screens.getMap(i)));
+        }
+        return ret;
+    }
+
+    @ReactMethod
+    public void navigatorPush(ReadableMap screen) {
+        Activity context = ContextProvider.getActivityContext();
+        if (context != null && !context.isFinishing()) {
+            Intent intent = new Intent(context, SingleScreenActivity.class);
 
-            // Set extras
             Bundle extras = new Bundle();
-            extras.putSerializable(TabActivity.EXTRA_TABS, ViewPagerAdapter.createDataSet(tabs));
+            extras.putSerializable(SingleScreenActivity.EXTRA_SCREEN, new Screen(screen));
             intent.putExtras(extras);
 
             context.startActivity(intent);

android/app/src/main/java/com/reactnativenavigation/packages/RCCPackage.java → android/app/src/main/java/com/reactnativenavigation/packages/RnnPackage.java

@@ -19,7 +19,7 @@ import java.util.List;
  *
  * Created by guyc on 07/03/16.
  */
-public class RCCPackage implements ReactPackage {
+public class RnnPackage implements ReactPackage {
 
     @Override
     public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {

android/app/src/main/java/com/reactnativenavigation/views/RctView.java

@@ -1,25 +1,34 @@
 package com.reactnativenavigation.views;
 
+import android.os.Bundle;
 import android.widget.FrameLayout;
 
 import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactRootView;
 import com.reactnativenavigation.activities.BaseReactActivity;
-
+import com.reactnativenavigation.core.Screen;
 
 /**
- *
  * Created by guyc on 10/03/16.
  */
 public class RctView extends FrameLayout {
 
-    public RctView(BaseReactActivity ctx, ReactInstanceManager rctInstanceManager, String componentName) {
+    public RctView(BaseReactActivity ctx, ReactInstanceManager rctInstanceManager, Screen screen) {
         super(ctx);
         setLayoutParams(new FrameLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
 
         ReactRootView root = new ReactRootView(ctx);
         root.setLayoutParams(new FrameLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
-        root.startReactApplication(rctInstanceManager, componentName, null);
+
+        String componentName = screen.screenId;
+        Bundle passProps = new Bundle();
+        passProps.putString(Screen.KEY_SCREEN_INSTANCE_ID, screen.screenInstanceId);
+        passProps.putString(Screen.KEY_STACK_ID, screen.stackId);
+        passProps.putString(Screen.KEY_NAVIGATOR_ID, screen.navigatorId);
+        passProps.putString(Screen.KEY_NAVIGATOR_EVENT_ID, screen.navigatorEventId);
+
+        root.startReactApplication(rctInstanceManager, componentName, passProps);
+
         addView(root);
 
         rctInstanceManager.onResume(ctx, ctx);

android/app/src/main/res/layout/single_screen_activity.xml

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:orientation="vertical"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <android.support.design.widget.AppBarLayout
+        android:id="@+id/appbar"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:fitsSystemWindows="true">
+        <android.support.v7.widget.Toolbar
+            android:id="@+id/toolbar"
+            android:layout_width="match_parent"
+            android:layout_height="?attr/actionBarSize"
+            app:layout_scrollFlags="scroll|enterAlways"/>
+    </android.support.design.widget.AppBarLayout>
+
+    <FrameLayout
+        android:id="@+id/contentFrame"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"/>
+</LinearLayout>

android/app/src/main/res/layout/tab_activity.xml

@@ -1,33 +1,28 @@
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-              xmlns:tools="http://schemas.android.com/tools"
-              xmlns:app="http://schemas.android.com/apk/res-auto"
-              android:orientation="vertical"
-              android:layout_width="match_parent"
-              android:layout_height="match_parent"
-              tools:context=".activities.TabActivity">
+    xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:orientation="vertical"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".activities.TabActivity">
 
-    <android.support.design.widget.CoordinatorLayout
-        android:id="@+id/coordinator_layout"
+    <android.support.design.widget.AppBarLayout
+        android:id="@+id/appbar"
         android:layout_width="match_parent"
-        android:layout_height="wrap_content">
-        <android.support.design.widget.AppBarLayout
-            android:id="@+id/appbar"
+        android:layout_height="wrap_content"
+        android:fitsSystemWindows="true">
+        <android.support.v7.widget.Toolbar
+            android:id="@+id/toolbar"
             android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:fitsSystemWindows="true">
-            <android.support.v7.widget.Toolbar
-                android:id="@+id/toolbar"
-                android:layout_width="match_parent"
-                android:layout_height="?attr/actionBarSize"
-                app:layout_scrollFlags="scroll|enterAlways"/>
-            <android.support.design.widget.TabLayout
-                android:id="@+id/tabLayout"
-                android:layout_width="match_parent"
-                android:layout_height="?attr/actionBarSize"
-                app:layout_scrollFlags="scroll|enterAlways"/>
-        </android.support.design.widget.AppBarLayout>
-    </android.support.design.widget.CoordinatorLayout>
+            android:layout_height="?attr/actionBarSize"
+            app:layout_scrollFlags="scroll|enterAlways"/>
+        <android.support.design.widget.TabLayout
+            android:id="@+id/tabLayout"
+            android:layout_width="match_parent"
+            android:layout_height="?attr/actionBarSize"
+            app:layout_scrollFlags="scroll|enterAlways"/>
+    </android.support.design.widget.AppBarLayout>
 
     <android.support.v4.view.ViewPager
         android:id="@+id/viewPager"

example/android/app/build.gradle

@@ -123,4 +123,7 @@ dependencies {
     compile fileTree(dir: "libs", include: ["*.jar"])
     compile "com.android.support:appcompat-v7:23.0.1"
     compile "com.facebook.react:react-native:+"  // From node_modules
+        debugCompile project(path: ':react-native-navigation', configuration: 'libraryDebug')
+        releaseCompile project(path: ':react-native-navigation', configuration: 'libraryRelease')
+//    compile project(':react-native-navigation')
 }

example/android/app/src/main/java/com/example/MainActivity.java

@@ -1,40 +1,18 @@
 package com.example;
 
-import com.facebook.react.ReactActivity;
-import com.facebook.react.ReactPackage;
-import com.facebook.react.shell.MainReactPackage;
 
-import java.util.Arrays;
-import java.util.List;
+import com.reactnativenavigation.activities.RctActivity;
 
-public class MainActivity extends ReactActivity {
+public class MainActivity extends RctActivity {
 
-    /**
-     * Returns the name of the main component registered from JavaScript.
-     * This is used to schedule rendering of the component.
-     */
     @Override
     protected String getMainComponentName() {
-        return "example";
+        return "App";
     }
 
-    /**
-     * Returns whether dev mode should be enabled.
-     * This enables e.g. the dev menu.
-     */
     @Override
-    protected boolean getUseDeveloperSupport() {
-        return BuildConfig.DEBUG;
-    }
-
-    /**
-     * A list of packages used by the app. If the app uses additional views
-     * or modules besides the default ones, add more packages here.
-     */
-    @Override
-    protected List<ReactPackage> getPackages() {
-        return Arrays.<ReactPackage>asList(
-            new MainReactPackage()
-        );
+    protected void onPause() {
+        super.onPause();
+        finish();
     }
 }

example/android/settings.gradle

@@ -1,3 +1,6 @@
 rootProject.name = 'example'
 
 include ':app'
+include ':react-native-navigation'
+project(':react-native-navigation').projectDir = new File(
+        rootProject.projectDir, '../node_modules/react-native-navigation/android/app/')

example/src/app.js

@@ -1,9 +1,28 @@
+import React, {
+  AppRegistry,
+  Component,
+  View
+} from 'react-native';
 import { Navigation } from 'react-native-navigation';
 
 // screen related book keeping
 import { registerScreens } from './screens';
 registerScreens();
 
+AppRegistry.registerComponent('App', () => App);
+
+export default class App extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <View />
+    );
+  }
+}
+
 // this will start our app
 Navigation.startTabBasedApp({
   tabs: [

example/src/screens/FirstTabScreen.android.js

@@ -0,0 +1,111 @@
+import React, {
+  Component,
+  Text,
+  View,
+  ScrollView,
+  TouchableOpacity,
+  StyleSheet
+} from 'react-native';
+
+export default class FirstTabScreen extends Component {
+  static navigatorButtons = {
+    leftButtons: [{
+      icon: require('../../img/navicon_menu.png'),
+      id: 'menu'
+    }],
+    rightButtons: [
+      {
+        title: 'Edit',
+        id: 'edit'
+      },
+      {
+        icon: require('../../img/navicon_add.png'),
+        id: 'add'
+      }
+    ]
+  };
+  static navigatorStyle = {
+    drawUnderTabBar: true
+  };
+  constructor(props) {
+    super(props);
+    // if you want to listen on navigator events, set this up
+    // this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
+  }
+  onNavigatorEvent(event) {
+    if (event.id == 'menu') {
+      this.props.navigator.toggleDrawer({
+        side: 'left',
+        animated: true
+      });
+    }
+    if (event.id == 'edit') {
+      // AlertIOS.alert('NavBar', 'Edit button pressed');
+    }
+    if (event.id == 'add') {
+      // AlertIOS.alert('NavBar', 'Add button pressed');
+    }
+  }
+  render() {
+    return (
+      <View style={{flex: 1, padding: 20}}>
+
+        <TouchableOpacity onPress={ this.onPushPress.bind(this) }>
+          <Text style={styles.button}>Push Plain Screen</Text>
+        </TouchableOpacity>
+
+        <TouchableOpacity onPress={ this.onPushStyledPress.bind(this) }>
+          <Text style={styles.button}>Push Styled Screen</Text>
+        </TouchableOpacity>
+
+        <TouchableOpacity onPress={ this.onModalPress.bind(this) }>
+          <Text style={styles.button}>Show Modal Screen</Text>
+        </TouchableOpacity>
+
+        <TouchableOpacity onPress={ this.onLightBoxPress.bind(this) }>
+          <Text style={styles.button}>Show LightBox</Text>
+        </TouchableOpacity>
+
+      </View>
+    );
+  }
+  onPushPress() {
+    this.props.navigator.push({
+      title: "More",
+      screen: "example.PushedScreen"
+    });
+  }
+  onPushStyledPress() {
+    console.warn('navigator.push not implemented yet');
+    // this.props.navigator.push({
+    //   title: "Styled",
+    //   screen: "example.StyledScreen"
+    // });
+  }
+  onModalPress() {
+    console.warn('navigator.showModal not implemented yet');
+    // this.props.navigator.showModal({
+    //   title: "Modal",
+    //   screen: "example.ModalScreen"
+    // });
+  }
+  onLightBoxPress() {
+    console.warn('navigator.showLightBox not implemented yet');
+    // this.props.navigator.showLightBox({
+    //   screen: "example.LightBoxScreen",
+    //   style: {
+    //     backgroundBlur: "dark"
+    //   }
+    // });
+  }
+}
+
+const styles = StyleSheet.create({
+  button: {
+    textAlign: 'center',
+    fontSize: 18,
+    marginBottom: 10,
+    marginTop:10,
+    color: 'blue'
+  }
+});

example/src/screens/SecondTabScreen.android.js

@@ -0,0 +1,133 @@
+import React, {
+  Component,
+  Text,
+  View,
+  ScrollView,
+  TouchableOpacity,
+  StyleSheet
+} from 'react-native';
+
+export default class SecondTabScreen extends Component {
+  static navigatorStyle = {
+    drawUnderTabBar: true
+  };
+  constructor(props) {
+    super(props);
+    this.buttonsCounter = 0;
+    // if you want to listen on navigator events, set this up
+    // this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
+  }
+  render() {
+    return (
+      <View style={{flex: 1, padding: 20}}>
+
+        <TouchableOpacity onPress={ this.onChangeButtonsPress.bind(this) }>
+          <Text style={styles.button}>Change Buttons</Text>
+        </TouchableOpacity>
+
+        <TouchableOpacity onPress={ this.onChangeTitlePress.bind(this) }>
+          <Text style={styles.button}>Change Title</Text>
+        </TouchableOpacity>
+
+        <TouchableOpacity onPress={ this.onSwitchTabPress.bind(this) }>
+          <Text style={styles.button}>Switch To Tab#1</Text>
+        </TouchableOpacity>
+
+        <TouchableOpacity onPress={ this.onSetTabBadgePress.bind(this) }>
+          <Text style={styles.button}>Set Tab Badge</Text>
+        </TouchableOpacity>
+
+        <TouchableOpacity onPress={ this.onToggleTabsPress.bind(this) }>
+          <Text style={styles.button}>Toggle Tabs</Text>
+        </TouchableOpacity>
+
+      </View>
+    );
+  }
+  onChangeTitlePress() {
+    this.props.navigator.setTitle({
+      title: Math.round(Math.random() * 100000).toString()
+    });
+  }
+  onChangeButtonsPress() {
+    let buttons;
+    if (this.buttonsCounter % 3 == 0) {
+      buttons = [
+        {
+          title: 'Edit',
+          id: 'edit',
+          disabled: true
+        },
+        {
+          icon: require('../../img/navicon_add.png'),
+          id: 'add'
+        }
+      ];
+    } else if (this.buttonsCounter % 3 == 1) {
+      buttons = [{
+        title: 'Save',
+        id: 'save'
+      }];
+    } else {
+      buttons = [];
+    }
+    this.buttonsCounter++;
+
+    this.props.navigator.setButtons({
+      rightButtons: buttons,
+      animated: true
+    });
+  }
+  onSwitchTabPress() {
+    this.props.navigator.switchToTab({
+      tabIndex: 0
+    });
+  }
+  onSetTabBadgePress() {
+    this.props.navigator.setTabBadge({
+      badge: 12
+    });
+  }
+  onToggleTabsPress() {
+    this.props.navigator.toggleTabs({
+      to: this.tabsHidden ? 'shown' : 'hidden'
+    });
+    this.tabsHidden = !this.tabsHidden;
+  }
+  onNavigatorEvent(event) {
+    // handle a deep link
+    if (event.type == 'DeepLink') {
+      const parts = event.link.split('/');
+      if (parts[0] == 'tab2') {
+        this.props.navigator.resetTo({
+          title: "Replaced Root",
+          screen: parts[1],
+          animated: true
+        });
+        this.props.navigator.switchToTab();
+      }
+    }
+    // handle a button press
+    // if (event.type == 'NavBarButtonPress') {
+    //   if (event.id == 'edit') {
+    //     AlertIOS.alert('NavBar', 'Dynamic Edit button pressed');
+    //   }
+    //   if (event.id == 'add') {
+    //     AlertIOS.alert('NavBar', 'Dynamic Add button pressed');
+    //   }
+    //   if (event.id == 'save') {
+    //     AlertIOS.alert('NavBar', 'Dynamic Save button pressed');
+    //   }
+    // }
+  }
+}
+
+const styles = StyleSheet.create({
+  button: {
+    textAlign: 'center',
+    fontSize: 18,
+    marginBottom: 10,
+    marginTop:10,
+    color: 'blue'
+  }
+});

example/src/screens/index.android.js

@@ -0,0 +1,20 @@
+import { Navigation } from 'react-native-navigation';
+
+import FirstTabScreen from './FirstTabScreen';
+import SecondTabScreen from './SecondTabScreen';
+import ThirdTabScreen from './ThirdTabScreen';
+import PushedScreen from './PushedScreen';
+import StyledScreen from './StyledScreen';
+import ModalScreen from './ModalScreen';
+import LightBoxScreen from './LightBoxScreen';
+import SideMenu from './SideMenu';
+
+// 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.ThirdTabScreen', () => ThirdTabScreen);
+  Navigation.registerComponent('example.PushedScreen', () => PushedScreen);
+  Navigation.registerComponent('example.StyledScreen', () => StyledScreen);
+  Navigation.registerComponent('example.SideMenu', () => SideMenu);
+}

src/platformSpecific.android.js

@@ -1,4 +1,5 @@
 import Navigation from './Navigation';
+import utils from './utils';
 
 import {
   RctActivity
@@ -12,6 +13,9 @@ function startSingleScreenApp(params) {
   }
 
   console.warn('startSingleScreenApp not implemented yet');
+  // RctActivity.startSingleScreenApp(params);
+  // add screenInstanceID using random
+
 }
 
 function startTabBasedApp(params) {
@@ -20,10 +24,24 @@ function startTabBasedApp(params) {
     return;
   }
 
+  // Add stackID for each tab
+  // TODO: Add propper documentation + switch to UUID? -guy
+  params.tabs.forEach(function (tab, idx) {
+    tab.stackID = utils.getRandomId();
+    tab.navigatorID = utils.getRandomId() + '_nav' + idx;
+    tab.screenInstanceID = utils.getRandomId();
+    tab.navigatorEventID = tab.screenInstanceID + '_events';
+  });
+
   RctActivity.startTabBasedApp(params.tabs);
 }
 
+function navigatorPush(navigator, params) {
+  RctActivity.navigatorPush(params);
+}
+
 export default {
   startSingleScreenApp,
-  startTabBasedApp
+  startTabBasedApp,
+  navigatorPush
 }