Initial BottomTabs implementation

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

@@ -0,0 +1,160 @@
+package com.reactnativenavigation.layouts;
+
+import android.content.Context;
+import android.graphics.Color;
+import android.view.View;
+import android.widget.RelativeLayout;
+
+import com.aurelhubert.ahbottomnavigation.AHBottomNavigation;
+import com.aurelhubert.ahbottomnavigation.AHBottomNavigationItem;
+import com.reactnativenavigation.params.ActivityParams;
+import com.reactnativenavigation.params.ScreenParams;
+import com.reactnativenavigation.params.TitleBarButtonParams;
+import com.reactnativenavigation.params.TitleBarLeftButtonParams;
+import com.reactnativenavigation.screens.ScreenStack;
+import com.reactnativenavigation.views.BottomTabs;
+
+import java.util.ArrayList;
+import java.util.List;
+
+import static android.view.ViewGroup.LayoutParams.MATCH_PARENT;
+import static android.view.ViewGroup.LayoutParams.WRAP_CONTENT;
+
+public class BottomTabsLayout extends RelativeLayout implements Layout, AHBottomNavigation.OnTabSelectedListener {
+
+    private ActivityParams params;
+    private BottomTabs bottomTabs;
+    private List<ScreenStack> screenStacks;
+    private int currentStack = 0;
+
+    public BottomTabsLayout(Context context, ActivityParams params) {
+        super(context);
+        this.params = params;
+        screenStacks = new ArrayList<>();
+        createLayout();
+    }
+
+    private void createLayout() {
+        createBottomTabs();
+        addBottomTabsToScreen();
+        addInitialScreen();
+    }
+
+    private void createBottomTabs() {
+        bottomTabs = new BottomTabs(getContext());
+        setBottomTabsStyle();
+        addTabs();
+    }
+
+    private void addBottomTabsToScreen() {
+        LayoutParams lp = new LayoutParams(MATCH_PARENT, WRAP_CONTENT);
+        lp.addRule(ALIGN_PARENT_BOTTOM);
+        addView(bottomTabs, lp);
+    }
+
+    private void addInitialScreen() {
+        addView(getFirstScreenStack());
+    }
+
+    private void setBottomTabsStyle() {
+//        bottomTabs.setForceTitlesDisplay(style.getBoolean(TAB_STYLE_INACTIVE_TITLES, DEFAULT_TAB_INACTIVE_TITLES));
+        bottomTabs.setForceTint(true);
+//        bottomTabs.setDefaultBackgroundColor(getColor(style, TAB_STYLE_BAR_BG_COLOR, DEFAULT_TAB_BAR_BG_COLOR));
+//        bottomTabs.setInactiveColor(getColor(style, TAB_STYLE_BUTTON_COLOR, DEFAULT_TAB_BUTTON_COLOR));
+//        bottomTabs.setAccentColor(getColor(style, TAB_STYLE_SELECTED_COLOR, DEFAULT_TAB_SELECTED_COLOR));
+    }
+
+    private void addTabs() {
+        for (ScreenParams screenParams : params.tabParams) {
+            ScreenStack stack = new ScreenStack(getContext(), screenParams);
+            screenStacks.add(stack);
+
+            AHBottomNavigationItem item = new AHBottomNavigationItem(screenParams.title, screenParams.tabIcon,
+                    Color.GRAY);
+            bottomTabs.addItem(item);
+            bottomTabs.setOnTabSelectedListener(this);
+        }
+    }
+
+    @Override
+    public View asView() {
+        return this;
+    }
+
+    @Override
+    public boolean onBackPressed() {
+        return false;
+    }
+
+    @Override
+    public void setTopBarVisible(String screenInstanceId, boolean hidden, boolean animated) {
+        for (int i = 0; i < bottomTabs.getItemsCount(); i++) {
+            screenStacks.get(i).setTopBarVisible(screenInstanceId, hidden, animated);
+        }
+    }
+
+    @Override
+    public void setTitleBarTitle(String screenInstanceId, String title) {
+        for (int i = 0; i < bottomTabs.getItemsCount(); i++) {
+            screenStacks.get(i).setTitleBarTitle(screenInstanceId, title);
+        }
+    }
+
+    @Override
+    public void setTitleBarRightButtons(String screenInstanceId, String navigatorEventId, List<TitleBarButtonParams> titleBarButtons) {
+        for (int i = 0; i < bottomTabs.getItemsCount(); i++) {
+            screenStacks.get(i).setTitleBarRightButtons(screenInstanceId, navigatorEventId, titleBarButtons);
+        }
+    }
+
+    @Override
+    public void setTitleBarLeftButton(String screenInstanceId, String navigatorEventId, TitleBarLeftButtonParams titleBarLeftButtonParams) {
+        for (int i = 0; i < bottomTabs.getItemsCount(); i++) {
+            screenStacks.get(i).setTitleBarLeftButton(screenInstanceId, navigatorEventId, titleBarLeftButtonParams);
+        }
+    }
+
+    @Override
+    public void push(ScreenParams screenParams) {
+        for (int i = 0; i < bottomTabs.getItemsCount(); i++) {
+//            screenStacks.get(i).push(screenParams);
+        }
+    }
+
+    @Override
+    public void pop(ScreenParams screenParams) {
+//        for (int i = 0; i < bottomTabs.getItemsCount(); i++) {
+//            screenStacks.get(i).pop();
+//        }
+    }
+
+    @Override
+    public void popToRoot(ScreenParams params) {
+
+    }
+
+    @Override
+    public void newStack(ScreenParams params) {
+
+    }
+
+    @Override
+    public void destroy() {
+
+    }
+
+    @Override
+    public void onTabSelected(int position, boolean wasSelected) {
+        removeView(getCurrentScreenStack());
+        addView(screenStacks.get(position), 0, new LayoutParams(MATCH_PARENT, MATCH_PARENT));
+        currentStack = position;
+    }
+
+    private ScreenStack getCurrentScreenStack() {
+        return screenStacks.get(currentStack);
+    }
+
+    private ScreenStack getFirstScreenStack() {
+        return screenStacks.get(0);
+    }
+}

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

@@ -8,7 +8,7 @@ public class LayoutFactory {
     public static Layout create(Activity activity, ActivityParams params) {
         switch (params.type) {
             case TabBased:
-                throw new UnsupportedOperationException("WHAT!? u crazy...");
+                return createBottomTabsScreenLayout(activity, params);
             case SingleScreen:
             default:
                 return createSingleScreenLayout(activity, params);
@@ -19,12 +19,9 @@ public class LayoutFactory {
         return new SingleScreenLayout(activity, params.screenParams);
     }
 
-//    private static void addBottomTabsIfNeeded(Activity activity, Params params, LinearLayout root) {
-//        if (params.bottomTabs.enabled) {
-//            AHBottomNavigation bottomTabs = createBottomTabs(activity);
-//            root.addView(bottomTabs, new LinearLayout.LayoutParams(MATCH_PARENT, WRAP_CONTENT));
-//        }
-//    }
+    private static Layout createBottomTabsScreenLayout(Activity activity, ActivityParams params) {
+        return new BottomTabsLayout(activity, params);
+    }
 //
 //    private static void addContentWithMenuIfNeeded(Activity activity, Params params, LinearLayout root, FrameLayout content) {
 //        if (params.sideMenu.enabled) {
@@ -35,10 +32,6 @@ public class LayoutFactory {
 //        }
 //    }
 //
-//    private static AHBottomNavigation createBottomTabs(Activity activity) {
-//        return new AHBottomNavigation(activity);
-//    }
-//
 //    private static LinearLayout createRoot(Activity activity) {
 //        LinearLayout root = new LinearLayout(activity);
 //        root.setOrientation(LinearLayout.VERTICAL);

android/app/src/main/java/com/reactnativenavigation/params/ActivityParams.java

@@ -1,5 +1,7 @@
 package com.reactnativenavigation.params;
 
+import java.util.List;
+
 public class ActivityParams {
     public enum Type {
         SingleScreen, TabBased
@@ -7,4 +9,5 @@ public class ActivityParams {
 
     public Type type;
     public ScreenParams screenParams;
+    public List<ScreenParams> tabParams;
 }

android/app/src/main/java/com/reactnativenavigation/params/ScreenParams.java

@@ -1,5 +1,6 @@
 package com.reactnativenavigation.params;
 
+import android.graphics.drawable.Drawable;
 import android.os.Bundle;
 
 import java.util.List;
@@ -12,8 +13,8 @@ public class ScreenParams {
     public String title;
     public ScreenStyleParams styleParams;
     public List<TopTabParams> topTabParams;
-    //    public String tabLabel; TODO when tabs are supported move to TabParams
-    //    public Drawable tabIcon;
+    public String tabLabel;
+    public Drawable tabIcon;
 
     // TODO navigationParams should be a terminated. destroyed. annihilated. disintegrated. banished from existence. + abolished, eradicated, exterminated...
     public String screenInstanceId;

android/app/src/main/java/com/reactnativenavigation/params/parsers/ActivityParamsParser.java

@@ -4,11 +4,19 @@ import android.os.Bundle;
 
 import com.reactnativenavigation.params.ActivityParams;
 
-public class ActivityParamsParser {
+public class ActivityParamsParser extends Parser {
     public static ActivityParams parse(Bundle params) {
         ActivityParams result = new ActivityParams();
-        result.type = ActivityParams.Type.SingleScreen; //TODO tabs
-        result.screenParams = ScreenParamsParser.parse(params.getBundle("screen"));
+        if (hasKey(params, "screen")) {
+            result.type = ActivityParams.Type.SingleScreen;
+            result.screenParams = ScreenParamsParser.parse(params.getBundle("screen"));
+        }
+
+        if (hasKey(params, "tabs")) {
+            result.type = ActivityParams.Type.TabBased;
+            result.tabParams = ScreenParamsParser.parseTabs(params.getBundle("tabs"));
+        }
+
         return result;
     }
 }

android/app/src/main/java/com/reactnativenavigation/params/parsers/ScreenParamsParser.java

@@ -3,6 +3,10 @@ package com.reactnativenavigation.params.parsers;
 import android.os.Bundle;
 
 import com.reactnativenavigation.params.ScreenParams;
+import com.reactnativenavigation.react.ImageLoader;
+
+import java.util.ArrayList;
+import java.util.List;
 
 public class ScreenParamsParser extends Parser {
     private static final String KEY_TITLE = "title";
@@ -37,6 +41,20 @@ public class ScreenParamsParser extends Parser {
         if (hasKey(params, TOP_TABS)) {
             result.topTabParams = TopTabParamsParser.parse(params.getBundle(TOP_TABS));
         }
+        if (hasKey(params, "label")) {
+            result.tabLabel = params.getString("label");
+        }
+        if (hasKey(params, "icon")) {
+            result.tabIcon = ImageLoader.loadImage(params.getString("icon"));
+        }
+        return result;
+    }
+
+    public static List<ScreenParams> parseTabs(Bundle params) {
+        List<ScreenParams> result = new ArrayList<>();
+        for (String key : params.keySet()) {
+            result.add(ScreenParamsParser.parse(params.getBundle(key)));
+        }
         return result;
     }
 }

android/app/src/main/java/com/reactnativenavigation/screens/ScreenStack.java

@@ -92,7 +92,7 @@ public class ScreenStack extends FrameLayout implements TitleBarBackButtonListen
         }
     }
 
-    private Screen findScreenByScreenInstanceId(String screenInstanceId) {
+    public Screen findScreenByScreenInstanceId(String screenInstanceId) {
         if (stack.isEmpty()) {
             return null;
         }

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

@@ -0,0 +1,11 @@
+package com.reactnativenavigation.views;
+
+import android.content.Context;
+
+import com.aurelhubert.ahbottomnavigation.AHBottomNavigation;
+
+public class BottomTabs extends AHBottomNavigation {
+    public BottomTabs(Context context) {
+        super(context);
+    }
+}

src/deprecated/platformSpecificDeprecated.android.js

@@ -106,21 +106,26 @@ function adaptNavigationParams(screen) {
 }
 
 function startTabBasedApp(params) {
-  //if (!params.tabs) {
-  //  console.error('startTabBasedApp(params): params.tabs is required');
-  //  return;
-  //}
-  //
-  //params.tabs.forEach(function(tab, idx) {
-  //  addNavigatorParams(tab, null, idx);
-  //  addNavigatorButtons(tab);
-  //  addNavigationStyleParams(tab);
-  //  addTabIcon(tab);
-  //  tab.passProps = params.passProps;
-  //});
-  //
-  //const drawer = setupDrawer(params.drawer);
-  //RctActivity.startTabBasedApp(params.tabs, params.tabsStyle, drawer);
+  if (!params.tabs) {
+   console.error('startTabBasedApp(params): params.tabs is required');
+   return;
+  }
+
+  params.tabs.forEach(function(tab, idx) {
+    debugger;
+    addNavigatorParams(tab, null, idx);
+    addNavigatorButtons(tab);
+    addNavigationStyleParams(tab);
+    addTabIcon(tab);
+    tab.passProps = params.passProps;
+
+    tab.screenId = tab.screen;
+    tab.screen = adaptNavigationStyleToScreenStyle(tab);
+    tab.screen = adaptNavigationParams(tab);
+  });
+
+  // TODO: add drawer params
+  newPlatformSpecific.startApp(params);
 }
 
 function addTabIcon(tab) {

src/platformSpecific.android.js

@@ -6,15 +6,7 @@ import Navigation from './Navigation';
 
 const NativeReactModule = NativeModules.NavigationReactModule;
 
-const resolveAssetSource = require('react-native/Libraries/Image/resolveAssetSource');
-
 function startApp(activityParams) {
-  const screen = activityParams.screen;
-  if (!screen.screenId) {
-    console.error('startApp(activityParams): screenId property must be supplied');
-    return;
-  }
-
   NativeReactModule.startApp(activityParams);
 }