Cover ScreenImpl to RelativeLayout

android/app/src/main/java/com/reactnativenavigation/layouts/ScreenImpl.java

@@ -8,7 +8,7 @@ import android.os.Build;
 import android.util.Log;
 import android.view.View;
 import android.view.Window;
-import android.widget.LinearLayout;
+import android.widget.RelativeLayout;
 
 import com.reactnativenavigation.animation.OnScrollAnimator;
 import com.reactnativenavigation.params.ScreenParams;
@@ -21,7 +21,7 @@ import com.reactnativenavigation.views.TopBar;
 import static android.view.ViewGroup.LayoutParams.MATCH_PARENT;
 import static android.view.ViewGroup.LayoutParams.WRAP_CONTENT;
 
-public class ScreenImpl extends LinearLayout implements Screen, ScrollDirectionListener.OnScrollChanged {
+public class ScreenImpl extends RelativeLayout implements Screen, ScrollDirectionListener.OnScrollChanged {
 
     private final ScreenParams screenParams;
     private ContentView contentView;
@@ -31,7 +31,6 @@ public class ScreenImpl extends LinearLayout implements Screen, ScrollDirectionL
     public ScreenImpl(Context context, ScreenParams screenParams) {
         super(context);
         this.screenParams = screenParams;
-        setOrientation(VERTICAL);
 
         createViews();
         setStyle(screenParams.styleParams);
@@ -50,12 +49,14 @@ public class ScreenImpl extends LinearLayout implements Screen, ScrollDirectionL
 
     private void addTopBar() {
         topBar = new TopBar(getContext());
-        addView(topBar, new LinearLayout.LayoutParams(MATCH_PARENT, WRAP_CONTENT));
+        addView(topBar, new LayoutParams(MATCH_PARENT, WRAP_CONTENT));
     }
 
     private void addContentView() {
         contentView = new ContentView(getContext(), screenParams, this);
-        addView(contentView, new LayoutParams(MATCH_PARENT, MATCH_PARENT));
+        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(MATCH_PARENT, MATCH_PARENT);
+        params.addRule(RelativeLayout.BELOW, topBar.getId());
+        addView(contentView, params);
         contentView.init();
     }
 

android/app/src/main/java/com/reactnativenavigation/utils/ViewUtils.java

@@ -8,7 +8,11 @@ import android.view.ViewTreeObserver;
 
 import com.reactnativenavigation.NavigationApplication;
 
+import java.util.concurrent.atomic.AtomicInteger;
+
 public class ViewUtils {
+    private static final AtomicInteger viewId = new AtomicInteger();
+
     public static void runOnPreDraw(final View view, final Runnable task) {
         view.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
             @Override
@@ -31,5 +35,9 @@ public class ViewUtils {
         float scale = NavigationApplication.instance.getResources().getDisplayMetrics().density;
         return dp * scale + 0.5f;
     }
+
+    public static int generateViewId() {
+        return viewId.incrementAndGet();
+    }
 }
 

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

@@ -4,6 +4,7 @@ import android.content.Context;
 import android.support.design.widget.AppBarLayout;
 
 import com.reactnativenavigation.params.TitleBarButtonParams;
+import com.reactnativenavigation.utils.ViewUtils;
 
 import java.util.List;
 
@@ -14,6 +15,7 @@ public class TopBar extends AppBarLayout {
     public TopBar(Context context) {
         super(context);
         setFitsSystemWindows(true);
+        setId(ViewUtils.generateViewId());
     }
 
     public void addTitleBarAndSetButtons(List<TitleBarButtonParams> buttons, String navigatorEventId) {