Implement statusBar drawBehind and visible option

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

 import android.support.annotation.Nullable;
 import android.support.v7.app.AppCompatActivity;
 import android.view.KeyEvent;
+import android.view.View;
 
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.reactnativenavigation.presentation.OverlayManager;
         navigator = new Navigator(this, new ChildControllersRegistry(), new OverlayManager());
         getReactGateway().onActivityCreated(this);
         getReactGateway().addReloadListener(navigator);
+        navigator.getView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
         setContentView(navigator.getView());
     }
 

lib/android/app/src/main/java/com/reactnativenavigation/parse/StatusBarOptions.java

 
 import android.support.annotation.Nullable;
 
+import com.reactnativenavigation.parse.params.Bool;
 import com.reactnativenavigation.parse.params.Color;
+import com.reactnativenavigation.parse.params.NullBool;
 import com.reactnativenavigation.parse.params.NullColor;
+import com.reactnativenavigation.parse.parsers.BoolParser;
 import com.reactnativenavigation.parse.parsers.ColorParser;
 
 import org.json.JSONObject;
 
         result.backgroundColor = ColorParser.parse(json, "backgroundColor");
         result.textColorScheme = TextColorScheme.fromString(json.optString("style"));
+        result.visible = BoolParser.parse(json, "visible");
+        result.drawBehind = BoolParser.parse(json, "drawBehind");
 
         return result;
     }
 
     public Color backgroundColor = new NullColor();
     public TextColorScheme textColorScheme = TextColorScheme.None;
+    public Bool visible = new NullBool();
+    public Bool drawBehind = new NullBool();
 
     public void mergeWith(StatusBarOptions other) {
         if (other.backgroundColor.hasValue()) backgroundColor = other.backgroundColor;
         if (other.textColorScheme.hasValue()) textColorScheme = other.textColorScheme;
+        if (other.visible.hasValue()) visible = other.visible;
+        if (other.drawBehind.hasValue()) drawBehind = other.drawBehind;
     }
 
     public void mergeWithDefault(StatusBarOptions defaultOptions) {
         if (!backgroundColor.hasValue()) backgroundColor = defaultOptions.backgroundColor;
         if (!textColorScheme.hasValue()) textColorScheme = defaultOptions.textColorScheme;
+        if (!visible.hasValue()) visible = defaultOptions.visible;
+        if (!drawBehind.hasValue()) drawBehind = defaultOptions.drawBehind;
     }
 }

lib/android/app/src/main/java/com/reactnativenavigation/presentation/OptionsPresenter.java

 import android.graphics.Color;
 import android.os.Build;
 import android.view.View;
+import android.view.ViewGroup;
 
 import com.reactnativenavigation.parse.Options;
 import com.reactnativenavigation.parse.OrientationOptions;
 import com.reactnativenavigation.parse.StatusBarOptions;
 import com.reactnativenavigation.parse.StatusBarOptions.TextColorScheme;
+import com.reactnativenavigation.parse.params.Bool;
+import com.reactnativenavigation.utils.UiUtils;
 
 @SuppressWarnings("FieldCanBeLocal")
 public class OptionsPresenter {
     public void present(View view, Options options) {
         applyOrientation(options.orientationOptions);
         applyViewOptions(view, options);
-        applyStatusBarOptions(options.statusBar);
+        applyStatusBarOptions(view, options.statusBar);
+    }
+
+    public void applyRootOptions(View view, Options options) {
+        setDrawBehindStatusBar(view, options.statusBar);
     }
 
     private void applyOrientation(OrientationOptions options) {
         }
     }
 
-    public void onViewBroughtToFront(Options options) {
-        applyStatusBarOptions(options.statusBar);
+    public void onViewBroughtToFront(View view, Options options) {
+        applyStatusBarOptions(view, options.statusBar);
+    }
+
+    private void applyStatusBarOptions(View view, StatusBarOptions statusBar) {
+        setStatusBarBackgroundColor(statusBar);
+        setTextColorScheme(statusBar.textColorScheme);
+        setStatusBarVisible(view, statusBar.visible, statusBar.drawBehind);
     }
 
-    private void applyStatusBarOptions(StatusBarOptions statusBar) {
+    private void setStatusBarVisible(View view, Bool visible, Bool drawBehind) {
+        if (visible.isFalse()) {
+            view.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_FULLSCREEN);
+        } else if (drawBehind.isTrue()) {
+            view.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
+        }
+    }
+
+    private void setStatusBarBackgroundColor(StatusBarOptions statusBar) {
         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
             activity.getWindow().setStatusBarColor(statusBar.backgroundColor.get(Color.BLACK));
         }
-        setTextColorScheme(statusBar.textColorScheme);
     }
 
     private void setTextColorScheme(TextColorScheme scheme) {
         flags &= ~View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
         view.setSystemUiVisibility(flags);
     }
+
+    private void setDrawBehindStatusBar(View view, StatusBarOptions statusBar) {
+        ((ViewGroup.MarginLayoutParams) view.getLayoutParams()).topMargin = statusBar.drawBehind.isFalseOrUndefined() ?
+                UiUtils.getStatusBarHeight(activity) :
+                0;
+    }
 }

lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/ChildController.java

 import com.reactnativenavigation.presentation.OptionsPresenter;
 
 public abstract class ChildController<T extends ViewGroup> extends ViewController<T>  {
-    private final OptionsPresenter presenter;
+    final OptionsPresenter presenter;
     private final ChildControllersRegistry childRegistry;
 
     public ChildControllersRegistry getChildRegistry() {
         return childRegistry;
     }
 
-    public ChildController(Activity activity, ChildControllersRegistry childRegistry, String id, Options initialOptions) {
+    public ChildController(Activity activity, ChildControllersRegistry childRegistry, String id, OptionsPresenter presenter, Options initialOptions) {
         super(activity, id, initialOptions);
-        presenter = new OptionsPresenter(activity);
+        this.presenter = presenter;
         this.childRegistry = childRegistry;
     }
 
     }
 
     public void onViewBroughtToFront() {
-        presenter.onViewBroughtToFront(options);
+        presenter.onViewBroughtToFront(getView(), options);
     }
 
     @Override
     public void applyOptions(Options options) {
         super.applyOptions(options);
         presenter.present(getView(), options);
+        if (isRoot()) {
+            presenter.applyRootOptions(getView(), options);
+        }
+    }
+
+    protected boolean isRoot() {
+        return getParentController() == null &&
+               !(this instanceof Navigator) &&
+                getView().getParent() != null;
     }
 }

lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/ComponentViewController.java

 import android.support.annotation.NonNull;
 
 import com.reactnativenavigation.parse.Options;
+import com.reactnativenavigation.presentation.OptionsPresenter;
 import com.reactnativenavigation.views.ComponentLayout;
 import com.reactnativenavigation.views.ReactComponent;
 
                                    final String componentName,
                                    final ReactViewCreator viewCreator,
                                    final Options initialOptions) {
-        super(activity, childRegistry, id, initialOptions);
+        super(activity, childRegistry, id, new OptionsPresenter(activity), initialOptions);
         this.componentName = componentName;
         this.viewCreator = viewCreator;
     }

lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/Navigator.java

 import com.reactnativenavigation.anim.ModalAnimator;
 import com.reactnativenavigation.anim.NavigationAnimator;
 import com.reactnativenavigation.parse.Options;
+import com.reactnativenavigation.presentation.OptionsPresenter;
 import com.reactnativenavigation.presentation.OverlayManager;
 import com.reactnativenavigation.react.JsDevReloadHandler;
 import com.reactnativenavigation.utils.CommandListener;
     }
 
     public Navigator(final Activity activity, ChildControllersRegistry childRegistry, OverlayManager overlayManager) {
-        super(activity, childRegistry,"navigator" + CompatUtils.generateViewId(), new Options());
+        super(activity, childRegistry,"navigator" + CompatUtils.generateViewId(), new OptionsPresenter(activity), new Options());
         modalStack = new ModalStack(new ModalPresenter(new ModalAnimator(activity)));
         this.overlayManager = overlayManager;
     }

lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/ParentController.java

 import android.view.ViewGroup;
 
 import com.reactnativenavigation.parse.Options;
+import com.reactnativenavigation.presentation.OptionsPresenter;
 import com.reactnativenavigation.views.Component;
 
 import java.util.Collection;
 
 public abstract class ParentController<T extends ViewGroup> extends ChildController {
 
-	public ParentController(Activity activity, ChildControllersRegistry childRegistry, String id, Options initialOptions) {
-		super(activity, childRegistry, id, initialOptions);
+	public ParentController(Activity activity, ChildControllersRegistry childRegistry, String id, OptionsPresenter presenter, Options initialOptions) {
+		super(activity, childRegistry, id, presenter, initialOptions);
 	}
 
 	@NonNull
     @CallSuper
     public void applyChildOptions(Options options, Component child) {
         this.options = this.options.mergeWith(options);
+        if (isRoot()) {
+            presenter.applyRootOptions(getView(), options);
+        }
     }
 
     @CallSuper

lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/SideMenuController.java

 import android.view.View;
 
 import com.reactnativenavigation.parse.Options;
+import com.reactnativenavigation.presentation.OptionsPresenter;
 import com.reactnativenavigation.presentation.SideMenuOptionsPresenter;
 import com.reactnativenavigation.views.Component;
 
 	private ViewController rightController;
 
 	public SideMenuController(Activity activity, ChildControllersRegistry childRegistry, String id, Options initialOptions) {
-		super(activity, childRegistry, id, initialOptions);
+		super(activity, childRegistry, id, new OptionsPresenter(activity), initialOptions);
 	}
 
 	@NonNull

lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/StackController.java

 import com.reactnativenavigation.anim.NavigationAnimator;
 import com.reactnativenavigation.parse.Options;
 import com.reactnativenavigation.parse.params.Button;
+import com.reactnativenavigation.presentation.OptionsPresenter;
 import com.reactnativenavigation.react.Constants;
 import com.reactnativenavigation.utils.CommandListener;
 import com.reactnativenavigation.utils.CommandListenerAdapter;
     private TopBarController topBarController;
 
     public StackController(Activity activity, ChildControllersRegistry childRegistry, ReactViewCreator topBarButtonCreator, TitleBarReactViewCreator titleBarReactViewCreator, TopBarBackgroundViewController topBarBackgroundViewController, TopBarController topBarController, NavigationAnimator animator, String id, Options initialOptions) {
-        super(activity, childRegistry, id, initialOptions);
+        super(activity, childRegistry, id, new OptionsPresenter(activity), initialOptions);
         this.topBarController = topBarController;
         this.topBarButtonCreator = topBarButtonCreator;
         this.titleBarReactViewCreator = titleBarReactViewCreator;

lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/bottomtabs/BottomTabsController.java

 import com.reactnativenavigation.parse.BottomTabOptions;
 import com.reactnativenavigation.parse.Options;
 import com.reactnativenavigation.presentation.BottomTabsOptionsPresenter;
+import com.reactnativenavigation.presentation.OptionsPresenter;
 import com.reactnativenavigation.react.EventEmitter;
 import com.reactnativenavigation.utils.CommandListener;
 import com.reactnativenavigation.utils.ImageLoader;
     private final BottomTabFinder bottomTabFinder = new BottomTabFinder();
 
     public BottomTabsController(Activity activity, List<ViewController> tabs, ChildControllersRegistry childRegistry, EventEmitter eventEmitter, ImageLoader imageLoader, String id, Options initialOptions) {
-		super(activity, childRegistry, id, initialOptions);
+		super(activity, childRegistry, id, new OptionsPresenter(activity), initialOptions);
         this.tabs = tabs;
         this.eventEmitter = eventEmitter;
         this.imageLoader = imageLoader;

lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/toptabs/TopTabsController.java

 import android.view.View;
 
 import com.reactnativenavigation.parse.Options;
+import com.reactnativenavigation.presentation.OptionsPresenter;
 import com.reactnativenavigation.utils.Task;
 import com.reactnativenavigation.viewcontrollers.ChildControllersRegistry;
 import com.reactnativenavigation.viewcontrollers.ParentController;
     private TopTabsLayoutCreator viewCreator;
 
     public TopTabsController(Activity activity, ChildControllersRegistry childRegistry, String id, List<ViewController> tabs, TopTabsLayoutCreator viewCreator, Options options) {
-        super(activity, childRegistry, id, options);
+        super(activity, childRegistry, id, new OptionsPresenter(activity), options);
         this.viewCreator = viewCreator;
         this.tabs = tabs;
         for (ViewController tab : tabs) {

lib/android/app/src/test/java/com/reactnativenavigation/BaseTest.java

 package com.reactnativenavigation;
 
-import android.app.*;
-import android.support.v7.app.*;
-import android.view.*;
+import android.app.Activity;
+import android.content.Context;
+import android.support.v7.app.AppCompatActivity;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.FrameLayout;
 
 import com.reactnativenavigation.parse.params.Bool;
 import com.reactnativenavigation.utils.ViewUtils;
 import com.reactnativenavigation.viewcontrollers.ViewController;
 
-import org.junit.*;
-import org.junit.runner.*;
-import org.robolectric.*;
+import org.junit.After;
+import org.junit.Before;
+import org.junit.runner.RunWith;
+import org.robolectric.Robolectric;
+import org.robolectric.RobolectricTestRunner;
 import org.robolectric.android.controller.ActivityController;
-import org.robolectric.annotation.*;
+import org.robolectric.annotation.Config;
 
-import static org.assertj.core.api.Java6Assertions.*;
+import static org.assertj.core.api.Java6Assertions.assertThat;
 
 @RunWith(RobolectricTestRunner.class)
 @Config(sdk = 27, application = TestApplication.class)
     protected void dispatchOnGlobalLayout(View view) {
         view.getViewTreeObserver().dispatchOnGlobalLayout();
     }
+
+    protected void addToParent(Context context, ViewController... controllers) {
+        for (ViewController controller : controllers) {
+            new FrameLayout(context).addView(controller.getView());
+        }
+    }
 }

lib/android/app/src/test/java/com/reactnativenavigation/mocks/SimpleViewController.java

 
 import com.reactnativenavigation.interfaces.ScrollEventListener;
 import com.reactnativenavigation.parse.Options;
+import com.reactnativenavigation.presentation.OptionsPresenter;
 import com.reactnativenavigation.viewcontrollers.ChildController;
 import com.reactnativenavigation.viewcontrollers.ChildControllersRegistry;
-import com.reactnativenavigation.views.Component;
 import com.reactnativenavigation.views.ReactComponent;
 import com.reactnativenavigation.views.topbar.TopBar;
 
-public class SimpleViewController extends ChildController<FrameLayout> {
+public class SimpleViewController extends ChildController<SimpleViewController.SimpleView> {
 
     private SimpleView simpleView;
 
     public SimpleViewController(Activity activity, ChildControllersRegistry childRegistry, String id, Options options) {
-        super(activity, childRegistry, id, options);
+        this(activity, childRegistry, id, new OptionsPresenter(activity), options);
+    }
+
+    public SimpleViewController(Activity activity, ChildControllersRegistry childRegistry, String id, OptionsPresenter presenter, Options options) {
+        super(activity, childRegistry, id, presenter, options);
     }
 
     @Override
-    protected FrameLayout createView() {
+    protected SimpleView createView() {
         simpleView = new SimpleView(getActivity());
         return simpleView;
     }
 
     @Override
     public void mergeOptions(Options options) {
-        applyOnParentController(parentController -> parentController.mergeChildOptions(options, (Component) view));
+        applyOnParentController(parentController -> parentController.mergeChildOptions(options, view));
         super.mergeOptions(options);
     }
 

lib/android/app/src/test/java/com/reactnativenavigation/viewcontrollers/NavigationActivityTest.java

+package com.reactnativenavigation.viewcontrollers;
+
+import android.view.View;
+
+import com.reactnativenavigation.BaseTest;
+import com.reactnativenavigation.NavigationActivity;
+import com.reactnativenavigation.TestActivity;
+
+import org.junit.Test;
+import org.robolectric.android.controller.ActivityController;
+
+import static org.assertj.core.api.Java6Assertions.assertThat;
+
+public class NavigationActivityTest extends BaseTest {
+    private ActivityController<? extends NavigationActivity> controller;
+    private NavigationActivity uut;
+
+    @Override
+    public void beforeEach() {
+        controller = newActivityController(TestActivity.class);
+        uut = controller.get();
+    }
+
+    @Test
+    public void onCreate_setSystemUiVisibility() {
+        controller.setup();
+        assertThat(uut
+                .getNavigator()
+                .getView()
+                .getSystemUiVisibility()).isEqualTo(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
+    }
+}

lib/android/app/src/test/java/com/reactnativenavigation/viewcontrollers/ParentControllerTest.java

 import com.reactnativenavigation.mocks.TopBarButtonCreatorMock;
 import com.reactnativenavigation.parse.Options;
 import com.reactnativenavigation.parse.params.Text;
+import com.reactnativenavigation.presentation.OptionsPresenter;
 import com.reactnativenavigation.utils.CommandListenerAdapter;
 import com.reactnativenavigation.viewcontrollers.topbar.TopBarBackgroundViewController;
 import com.reactnativenavigation.viewcontrollers.topbar.TopBarController;
 
 import org.junit.Test;
 import org.mockito.ArgumentCaptor;
+import org.mockito.Mockito;
 
 import java.util.ArrayList;
 import java.util.Collection;
     private ChildControllersRegistry childRegistry;
     private List<ViewController> children;
     private ParentController uut;
+    private OptionsPresenter presenter;
 
     @Override
     public void beforeEach() {
         children = new ArrayList<>();
         Options initialOptions = new Options();
         initialOptions.topBar.title.text = new Text(INITIAL_TITLE);
-        uut = spy(new ParentController(activity, childRegistry, "uut", initialOptions) {
+        presenter = spy(new OptionsPresenter(activity));
+        uut = spy(new ParentController(activity, childRegistry, "uut", presenter, initialOptions) {
 
             @NonNull
             @Override
         assertThat(uut.initialOptions.topBar.title.text.get()).isEqualTo(INITIAL_TITLE);
     }
 
+    @Test
+    public void applyChildOptions_appliesRootOptionsIfRoot() {
+        addToParent(activity, uut);
+
+        Options options = new Options();
+        SimpleViewController child1 = spy(new SimpleViewController(activity, childRegistry, "child1", options));
+        uut.applyChildOptions(options, child1.getView());
+        verify(presenter, times(1)).applyRootOptions(uut.getView(), options);
+    }
+
+    @Test
+    public void applyChildOptions_doesNotApplyRootOptionsIfHasParent() {
+        Options options = new Options();
+        uut.setParentController(Mockito.mock(ParentController.class));
+        SimpleViewController child1 = spy(new SimpleViewController(activity, childRegistry, "child1", options));
+        uut.applyChildOptions(options, child1.getView());
+        verify(presenter, times(0)).applyRootOptions(uut.getView(), options);
+    }
+
     private StackController createStack() {
         return new StackControllerBuilder(activity)
                 .setTopBarButtonCreator(new TopBarButtonCreatorMock())

lib/android/app/src/test/java/com/reactnativenavigation/viewcontrollers/ViewControllerTest.java

 
 import org.assertj.android.api.Assertions;
 import org.junit.Test;
+import org.mockito.Mockito;
 import org.robolectric.Shadows;
 
 import java.lang.reflect.Field;
         activity = newActivity();
         childRegistry = new ChildControllersRegistry();
         uut = new SimpleViewController(activity, childRegistry, "uut", new Options());
+        uut.setParentController(Mockito.mock(ParentController.class));
     }
 
     @Test
 
     @Test
     public void holdsAReferenceToStackControllerOrNull() {
+        //noinspection ConstantConditions
+        uut.setParentController(null);
+
         assertThat(uut.getParentController()).isNull();
         StackController nav = new StackControllerBuilder(activity)
                 .setTopBarButtonCreator(new TopBarButtonCreatorMock())

lib/android/app/src/test/java/com/reactnativenavigation/viewcontrollers/child/ChildControllerTest.java

 import com.reactnativenavigation.BaseTest;
 import com.reactnativenavigation.mocks.SimpleViewController;
 import com.reactnativenavigation.parse.Options;
+import com.reactnativenavigation.presentation.OptionsPresenter;
 import com.reactnativenavigation.viewcontrollers.ChildController;
 import com.reactnativenavigation.viewcontrollers.ChildControllersRegistry;
+import com.reactnativenavigation.viewcontrollers.ParentController;
 
 import org.junit.Test;
+import org.mockito.Mockito;
 
 import static org.mockito.Mockito.spy;
 import static org.mockito.Mockito.times;
 
     private ChildController uut;
     private ChildControllersRegistry childRegistry;
+    private OptionsPresenter presenter;
 
     @Override
     public void beforeEach() {
         childRegistry = spy(new ChildControllersRegistry());
-        uut = new SimpleViewController(newActivity(), childRegistry, "childId", new Options());
+        presenter = Mockito.mock(OptionsPresenter.class);
+        uut = new SimpleViewController(newActivity(), childRegistry, "childId", presenter, new Options());
     }
 
     @Test
         uut.onViewDisappear();
         verify(childRegistry, times(1)).onViewDisappear(uut);
     }
+
+    @Test
+    public void applyOptions_applyRootOptionsIfRoot() {
+        addToParent(newActivity(), uut);
+        Options options = new Options();
+        uut.applyOptions(options);
+        verify(presenter, times(1)).applyRootOptions(uut.getView(), options);
+    }
+
+    @Test
+    public void applyOptions_doesNotApplyRootOptionsIfHasParent() {
+        Options options = new Options();
+        uut.setParentController(Mockito.mock(ParentController.class));
+        uut.applyOptions(options);
+        verify(presenter, times(0)).applyRootOptions(uut.getView(), options);
+    }
 }

playground/src/screens/ModalScreen.js

 class ModalScreen extends Component {
   static get options() {
     return {
+      statusBar: {
+        visible: false,
+        drawBehind: true,
+        backgroundColor: 'transparent'
+      },
       orientation: ['portrait']
     };
   }

playground/src/screens/PushedScreen.js

 class PushedScreen extends Component {
   static get options() {
     return {
+      _statusBar: {
+        visible: false,
+        drawBehind: true
+      },
       topBar: {
         testID: testIDs.TOP_BAR_ELEMENT
       }

playground/src/screens/WelcomeScreen.js

 class WelcomeScreen extends Component {
   static get options() {
     return {
+      _statusBar: {
+        backgroundColor: 'transparent',
+        style: 'dark',
+        drawBehind: true
+      },
       topBar: {
         title: {
           largeTitle: false,
 
   render() {
     return (
-      <View style={styles.root} key={'root'}>
-        <Text testID={testIDs.WELCOME_SCREEN_HEADER} style={styles.h1}>{`React Native Navigation!`}</Text>
-        <Button title='Switch to tab based app' testID={testIDs.TAB_BASED_APP_BUTTON} onPress={this.onClickSwitchToTabs} />
-        <Button title='Switch to app with side menus' testID={testIDs.TAB_BASED_APP_SIDE_BUTTON} onPress={this.onClickSwitchToSideMenus} />
-        <Button title='Push Lifecycle Screen' testID={testIDs.PUSH_LIFECYCLE_BUTTON} onPress={this.onClickLifecycleScreen} />
-        <Button title='Static Lifecycle Events' testID={testIDs.PUSH_STATIC_LIFECYCLE_BUTTON} onPress={this.onClickShowStaticLifecycleOverlay} />
-        <Button title='Push' testID={testIDs.PUSH_BUTTON} onPress={this.onClickPush} />
-        <Button title='Push Options Screen' testID={testIDs.PUSH_OPTIONS_BUTTON} onPress={this.onClickPushOptionsScreen} />
-        <Button title='Push External Component' testID={testIDs.PUSH_EXTERNAL_COMPONENT_BUTTON} onPress={this.onClickPushExternalComponent} />
-        {Platform.OS === 'android' && <Button title='Push Top Tabs screen' testID={testIDs.PUSH_TOP_TABS_BUTTON} onPress={this.onClickPushTopTabsScreen} />}
-        {Platform.OS === 'android' && <Button title='Back Handler' testID={testIDs.BACK_HANDLER_BUTTON} onPress={this.onClickBackHandler} />}
-        <Button title='Show Modal' testID={testIDs.SHOW_MODAL_BUTTON} onPress={this.onClickShowModal} />
-        <Button title='Show Redbox' testID={testIDs.SHOW_REDBOX_BUTTON} onPress={this.onClickShowRedbox} />
-        <Button title='Orientation' testID={testIDs.ORIENTATION_BUTTON} onPress={this.onClickPushOrientationMenuScreen} />
-        <Button title='Provided Id' testID={testIDs.PROVIDED_ID} onPress={this.onClickProvidedId} />
-        <Button title='Complex Layout' testID={testIDs.COMPLEX_LAYOUT_BUTTON} onPress={this.onClickComplexLayout} />
-        <Text style={styles.footer}>{`this.props.componentId = ${this.props.componentId}`}</Text>
+      <View style={styles.bar}>
+        <View style={{ width: 2, height: 2, borderRadius: 1, backgroundColor: 'red', alignSelf: 'center' }} />
+        <View style={styles.root} key={'root'}>
+          <Text testID={testIDs.WELCOME_SCREEN_HEADER} style={styles.h1}>{`React Native Navigation!`}</Text>
+          <Button title='Switch to tab based app' testID={testIDs.TAB_BASED_APP_BUTTON} onPress={this.onClickSwitchToTabs} />
+          <Button title='Switch to app with side menus' testID={testIDs.TAB_BASED_APP_SIDE_BUTTON} onPress={this.onClickSwitchToSideMenus} />
+          <Button title='Push Lifecycle Screen' testID={testIDs.PUSH_LIFECYCLE_BUTTON} onPress={this.onClickLifecycleScreen} />
+          <Button title='Static Lifecycle Events' testID={testIDs.PUSH_STATIC_LIFECYCLE_BUTTON} onPress={this.onClickShowStaticLifecycleOverlay} />
+          <Button title='Push' testID={testIDs.PUSH_BUTTON} onPress={this.onClickPush} />
+          <Button title='Push Options Screen' testID={testIDs.PUSH_OPTIONS_BUTTON} onPress={this.onClickPushOptionsScreen} />
+          <Button title='Push External Component' testID={testIDs.PUSH_EXTERNAL_COMPONENT_BUTTON} onPress={this.onClickPushExternalComponent} />
+          {Platform.OS === 'android' && <Button title='Push Top Tabs screen' testID={testIDs.PUSH_TOP_TABS_BUTTON} onPress={this.onClickPushTopTabsScreen} />}
+          {Platform.OS === 'android' && <Button title='Back Handler' testID={testIDs.BACK_HANDLER_BUTTON} onPress={this.onClickBackHandler} />}
+          <Button title='Show Modal' testID={testIDs.SHOW_MODAL_BUTTON} onPress={this.onClickShowModal} />
+          <Button title='Show Redbox' testID={testIDs.SHOW_REDBOX_BUTTON} onPress={this.onClickShowRedbox} />
+          <Button title='Orientation' testID={testIDs.ORIENTATION_BUTTON} onPress={this.onClickPushOrientationMenuScreen} />
+          <Button title='Provided Id' testID={testIDs.PROVIDED_ID} onPress={this.onClickProvidedId} />
+          <Button title='Complex Layout' testID={testIDs.COMPLEX_LAYOUT_BUTTON} onPress={this.onClickComplexLayout} />
+          <Text style={styles.footer}>{`this.props.componentId = ${this.props.componentId}`}</Text>
+        </View>
+        <View style={{ width: 2, height: 2, borderRadius: 1, backgroundColor: 'red', alignSelf: 'center' }} />
       </View>
     );
   }
     flexGrow: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    backgroundColor: 'white'
+    backgroundColor: '#e8e8e8',
+  },
+  bar: {
+    flex: 1,
+    flexDirection: 'column',
+    backgroundColor: '#e8e8e8',
+    justifyContent: 'space-between'
   },
   h1: {
     fontSize: 24,