layoutFactory

android/app/build.gradle

@@ -45,20 +45,23 @@ android {
 }
 
 dependencies {
-    compile fileTree(dir: "libs", include: ["*.jar"])
-
+    compile fileTree(include: ['*.jar'], dir: 'libs')
     compile 'com.android.support:design:25.1.1'
-    compile "com.android.support:appcompat-v7:25.1.1"
+    compile 'com.android.support:appcompat-v7:25.1.1'
 
     // node_modules
-    compile "com.facebook.react:react-native:+"
+    compile 'com.facebook.react:react-native:+'
 
     // third party
-    compile "com.aurelhubert:ahbottomnavigation:1.3.3"
+    compile 'com.aurelhubert:ahbottomnavigation:1.3.3'
     compile 'com.balysv.materialmenu:material-menu-toolbar:1.5.4'
 
     // tests
-    testCompile "junit:junit:4.12"
-    testCompile "org.robolectric:robolectric:3.2.2"
+    testCompile 'junit:junit:4.12'
+    testCompile 'org.robolectric:robolectric:3.2.2'
     testCompile 'org.assertj:assertj-core:2.5.0'
+    // required for robolectric
+    testCompile 'org.khronos:opengl-api:gl1.1-android-2.1_r1'
+
+//    testCompile 'org.mockito:mockito-core:2.+'
 }

android/app/src/main/java/com/reactnativenavigation/container/Container.java

@@ -1,5 +0,0 @@
-package com.reactnativenavigation.container;
-
-public class Container {
-
-}

android/app/src/main/java/com/reactnativenavigation/controllers/NavigationActivity.java

@@ -6,7 +6,6 @@ import android.support.v7.app.AppCompatActivity;
 import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;
-import com.facebook.react.ReactRootView;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.facebook.react.shell.MainReactPackage;
@@ -80,9 +79,7 @@ public class NavigationActivity extends AppCompatActivity implements DefaultHard
         onBackPressed();
     }
 
-    public void setRoot(String name, Bundle args) {
-        ReactRootView v = new ReactRootView(getApplicationContext());
-        setContentView(v);
-        v.startReactApplication(host.getReactInstanceManager(), name, args);
+    public ReactNativeHost getHost() {
+        return host;
     }
 }

android/app/src/main/java/com/reactnativenavigation/layout/Container.java

@@ -0,0 +1,11 @@
+package com.reactnativenavigation.layout;
+
+import android.content.Context;
+import android.widget.FrameLayout;
+
+public class Container extends FrameLayout {
+    public Container(Context context, LayoutFactory.RootViewCreator rootViewCreator, String id, String name) {
+        super(context);
+        addView(rootViewCreator.createRootView(id, name));
+    }
+}

android/app/src/main/java/com/reactnativenavigation/layout/ContainerStack.java

@@ -0,0 +1,10 @@
+package com.reactnativenavigation.layout;
+
+import android.content.Context;
+import android.widget.FrameLayout;
+
+public class ContainerStack extends FrameLayout {
+    public ContainerStack(Context context) {
+        super(context);
+    }
+}

android/app/src/main/java/com/reactnativenavigation/layout/Layout.java

@@ -1,12 +0,0 @@
-package com.reactnativenavigation.layout;
-
-import android.content.Context;
-import android.graphics.Color;
-import android.widget.FrameLayout;
-
-public class Layout extends FrameLayout {
-    public Layout(Context context) {
-        super(context);
-        setBackgroundColor(Color.RED);
-    }
-}

android/app/src/main/java/com/reactnativenavigation/layout/LayoutFactory.java

@@ -0,0 +1,43 @@
+package com.reactnativenavigation.layout;
+
+import android.app.Activity;
+import android.view.View;
+
+import java.util.List;
+import java.util.Map;
+
+public class LayoutFactory {
+    public interface RootViewCreator {
+        View createRootView(String id, String name);
+    }
+
+    private Activity activity;
+    private RootViewCreator rootViewCreator;
+
+    public LayoutFactory(Activity activity, RootViewCreator rootViewCreator) {
+        this.activity = activity;
+        this.rootViewCreator = rootViewCreator;
+    }
+
+    public View create(Map<String, Object> node) {
+        String id = (String) node.get("id");
+        String type = (String) node.get("type");
+
+        switch (type) {
+            case "Container":
+                String name = (String) ((Map<String, Object>)node.get("data")).get("name");
+                return new Container(activity, rootViewCreator, id, name);
+
+            case "ContainerStack":
+                ContainerStack containerStack = new ContainerStack(activity);
+                List<Map<String, Object>> children = (List<Map<String, Object>>) node.get("children");
+                Map<String, Object> inner = children.get(0);
+                containerStack.addView(create(inner));
+                return containerStack;
+
+        }
+
+        return null;
+//        return rootViewCreator.createRootView(id, name);
+    }
+}

android/app/src/main/java/com/reactnativenavigation/react/NavigationModule.java

@@ -1,12 +1,15 @@
 package com.reactnativenavigation.react;
 
 import android.os.Bundle;
+import android.view.View;
 
+import com.facebook.react.ReactRootView;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReadableMap;
 import com.reactnativenavigation.controllers.NavigationActivity;
+import com.reactnativenavigation.layout.LayoutFactory;
 
 public class NavigationModule extends ReactContextBaseJavaModule {
     public static final String NAME = "RNNBridgeModule";
@@ -25,9 +28,24 @@ public class NavigationModule extends ReactContextBaseJavaModule {
         NavigationActivity.instance.runOnUiThread(new Runnable() {
             @Override
             public void run() {
-                Bundle args = new Bundle();
-                args.putString("id", layoutTree.getArray("children").getMap(0).getString("id"));
-                NavigationActivity.instance.setRoot(layoutTree.getArray("children").getMap(0).getMap("data").getString("name"), args);
+                LayoutFactory factory = new LayoutFactory(NavigationActivity.instance, new LayoutFactory.RootViewCreator() {
+                    @Override
+                    public View createRootView(String id, String name) {
+                        ReactRootView rootView = new ReactRootView(NavigationActivity.instance);
+                        Bundle opts = new Bundle();
+                        opts.putString("id", id);
+                        rootView.startReactApplication(NavigationActivity.instance.getHost().getReactInstanceManager(), name, opts);
+                        return rootView;
+                    }
+                });
+
+//                Map<String, Object> node = new HashMap<String, Object>();
+//                node.put("id", container.getString("id"));
+//                HashMap<String, Object> data = new HashMap<>();
+//                data.put("name", container.getMap("data").getString("name"));
+//                node.put("data", data);
+//                View rootView = factory.create(node);
+//                NavigationActivity.instance.setContentView(rootView);
             }
         });
     }

android/app/src/test/java/com/reactnativenavigation/LayoutFactoryTest.java

@@ -0,0 +1,103 @@
+package com.reactnativenavigation;
+
+import android.app.Activity;
+import android.view.View;
+import android.view.ViewGroup;
+
+import com.reactnativenavigation.layout.Container;
+import com.reactnativenavigation.layout.ContainerStack;
+import com.reactnativenavigation.layout.LayoutFactory;
+
+import org.junit.Before;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.robolectric.Robolectric;
+import org.robolectric.RobolectricTestRunner;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.concurrent.atomic.AtomicReference;
+
+import static org.assertj.core.api.Java6Assertions.assertThat;
+
+
+@RunWith(RobolectricTestRunner.class)
+public class LayoutFactoryTest {
+    @Before
+    public void setUp() {
+
+    }
+
+    @Test
+    public void returnsContainerThatHoldsTheRootView() {
+        final AtomicReference<String> idRef = new AtomicReference<>();
+        final AtomicReference<String> nameRef = new AtomicReference<>();
+        final AtomicReference<View> viewRef = new AtomicReference<>();
+
+        LayoutFactory.RootViewCreator rootViewCreator = new LayoutFactory.RootViewCreator() {
+            @Override
+            public View createRootView(String id, String name) {
+                idRef.set(id);
+                nameRef.set(name);
+                viewRef.set(new View(Robolectric.setupActivity(Activity.class)));
+                return viewRef.get();
+            }
+        };
+
+        Map<String, Object> node = new HashMap() {{
+            Map<String, Object> data = new HashMap<>();
+            data.put("name", "MyName");
+            put("id", "myUniqueId");
+            put("data", data);
+            put("type", "Container");
+        }};
+
+        ViewGroup result =
+                (ViewGroup) new LayoutFactory(Robolectric.buildActivity(Activity.class).get(), rootViewCreator).create(node);
+        assertThat(result).isInstanceOf(Container.class);
+        assertThat(result.getChildCount()).isEqualTo(1);
+        assertThat(result.getChildAt(0)).isEqualTo(viewRef.get());
+    }
+
+
+    @Test
+    public void returnsContainerStack() {
+        final AtomicReference<String> idRef = new AtomicReference<>();
+        final AtomicReference<String> nameRef = new AtomicReference<>();
+        final AtomicReference<View> viewRef = new AtomicReference<>();
+
+        LayoutFactory.RootViewCreator rootViewCreator = new LayoutFactory.RootViewCreator() {
+            @Override
+            public View createRootView(String id, String name) {
+                idRef.set(id);
+                nameRef.set(name);
+                viewRef.set(new View(Robolectric.setupActivity(Activity.class)));
+                return viewRef.get();
+            }
+        };
+
+        Map<String, Object> node = new HashMap() {{
+            Map<String, Object> data = new HashMap<>();
+            data.put("name", "MyName");
+            put("id", "myUniqueId");
+            put("data", data);
+            put("type", "Container");
+        }};
+
+        HashMap<String, Object> outerNode = new HashMap<>();
+        outerNode.put("type", "ContainerStack");
+        List<Map<String, Object>> children = new ArrayList<>();
+        children.add(node);
+        outerNode.put("children", children);
+
+        ViewGroup result =
+                (ViewGroup) new LayoutFactory(Robolectric.buildActivity(Activity.class).get(), rootViewCreator).create(outerNode);
+        assertThat(result).isInstanceOf(ContainerStack.class);
+        assertThat(result.getChildCount()).isEqualTo(1);
+        ViewGroup container = (ViewGroup) result.getChildAt(0);
+        assertThat(container.getChildCount()).isEqualTo(1);
+        assertThat(container.getChildAt(0)).isEqualTo(viewRef.get());
+    }
+}

playground/android/app/build.gradle

@@ -17,5 +17,7 @@ android {
 dependencies {
     compile fileTree(dir: 'libs', include: ['*.jar'])
     compile 'com.facebook.react:react-native:+'
+    compile 'com.android.support:design:25.1.1'
+    compile "com.android.support:appcompat-v7:25.1.1"
     compile project(':react-native-navigation')
 }

src/adapters/NativeCommandsSender.js

@@ -6,7 +6,7 @@ export default class NativeCommandsSender {
   }
 
   setRoot(layoutTree) {
-    console.log(layoutTree);
+    console.log('layoutTree: ', JSON.stringify(layoutTree));
     this.nativeCommandsModule.setRoot(layoutTree);
     return Promise.resolve(layoutTree);
   }