Add toggle bottomTabs

works best with drawUnderTabBar

android/app/src/main/java/com/reactnativenavigation/bridge/NavigationReactModule.java

@@ -88,8 +88,8 @@ public class NavigationReactModule extends ReactContextBaseJavaModule {
     }
 
     @ReactMethod
-    public void setTopBarVisible(String screenInstanceID, boolean hidden, boolean animated) {
-        NavigationCommandsHandler.setTopBarVisible(screenInstanceID, hidden, animated);
+    public void setTopBarVisible(String screenInstanceId, boolean hidden, boolean animated) {
+        NavigationCommandsHandler.setTopBarVisible(screenInstanceId, hidden, animated);
     }
 
     @ReactMethod
@@ -97,7 +97,8 @@ public class NavigationReactModule extends ReactContextBaseJavaModule {
     }
 
     @ReactMethod
-    public void setBottomTabsVisible(final ReadableMap params) {
+    public void setBottomTabsVisible(boolean hidden, boolean animated) {
+        NavigationCommandsHandler.setBottomTabsVisible(hidden, animated);
     }
 
     @ReactMethod

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

@@ -7,6 +7,7 @@ import android.view.KeyEvent;
 
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.reactnativenavigation.NavigationApplication;
+import com.reactnativenavigation.layouts.BottomTabsLayout;
 import com.reactnativenavigation.layouts.Layout;
 import com.reactnativenavigation.layouts.LayoutFactory;
 import com.reactnativenavigation.params.ActivityParams;
@@ -147,6 +148,12 @@ public class NavigationActivity extends AppCompatActivity implements DefaultHard
         modalController.setTopBarVisible(screenInstanceId, hidden, animated);
     }
 
+    public void setBottomTabsVisible(boolean hidden, boolean animated) {
+        if (layout instanceof BottomTabsLayout) {
+            ((BottomTabsLayout) layout).setBottomTabsVisible(hidden, animated);
+        }
+    }
+
     void setTitleBarTitle(String screenInstanceId, String title) {
         layout.setTitleBarTitle(screenInstanceId, title);
         modalController.setTitleBarTitle(screenInstanceId, title);

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

@@ -48,7 +48,6 @@ public class NavigationCommandsHandler {
         });
     }
 
-
     public static void pop(Bundle screenParams) {
         final NavigationActivity currentActivity = NavigationActivity.currentActivity;
         if (currentActivity == null) {
@@ -108,6 +107,20 @@ public class NavigationCommandsHandler {
         });
     }
 
+    public static void setBottomTabsVisible(final boolean hidden, final boolean animated) {
+        final NavigationActivity currentActivity = NavigationActivity.currentActivity;
+        if (currentActivity == null) {
+            return;
+        }
+
+        NavigationApplication.instance.runOnMainThread(new Runnable() {
+            @Override
+            public void run() {
+                currentActivity.setBottomTabsVisible(hidden, animated);
+            }
+        });
+    }
+
     public static void setScreenTitleBarTitle(final String screenInstanceId, final String title) {
         final NavigationActivity currentActivity = NavigationActivity.currentActivity;
         if (currentActivity == null) {

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

@@ -93,6 +93,10 @@ public class BottomTabsLayout extends RelativeLayout implements Layout, AHBottom
         }
     }
 
+    public void setBottomTabsVisible(boolean hidden, boolean animated) {
+        bottomTabs.setVisibility(hidden, animated);
+    }
+
     @Override
     public void setTitleBarTitle(String screenInstanceId, String title) {
         for (int i = 0; i < bottomTabs.getItemsCount(); i++) {

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

@@ -5,6 +5,7 @@ import android.graphics.Color;
 
 import com.aurelhubert.ahbottomnavigation.AHBottomNavigation;
 import com.aurelhubert.ahbottomnavigation.AHBottomNavigationItem;
+import com.reactnativenavigation.animation.VisibilityAnimator;
 import com.reactnativenavigation.params.ScreenParams;
 import com.reactnativenavigation.params.StyleParams;
 import com.reactnativenavigation.utils.ViewUtils;
@@ -12,10 +13,14 @@ import com.reactnativenavigation.utils.ViewUtils;
 import java.util.List;
 
 public class BottomTabs extends AHBottomNavigation {
+
+    private VisibilityAnimator visibilityAnimator;
+
     public BottomTabs(Context context) {
         super(context);
         setForceTint(true);
         setId(ViewUtils.generateViewId());
+        createVisibilityAnimator();
     }
 
     public void addTabs(List<ScreenParams> params, OnTabSelectedListener onTabSelectedListener) {
@@ -27,6 +32,10 @@ public class BottomTabs extends AHBottomNavigation {
         }
     }
 
+    public void setVisibility(boolean hidden, boolean animated) {
+        visibilityAnimator.setVisible(hidden, animated);
+    }
+
     public void setStyleFromScreen(StyleParams params) {
         setBackgroundColor(params.bottomTabsColor);
 
@@ -52,4 +61,15 @@ public class BottomTabs extends AHBottomNavigation {
     private void setVisibility(boolean bottomTabsHidden) {
         setVisibility(bottomTabsHidden ? GONE : VISIBLE);
     }
+
+    private void createVisibilityAnimator() {
+        ViewUtils.runOnPreDraw(this, new Runnable() {
+            @Override
+            public void run() {
+                visibilityAnimator = new VisibilityAnimator(BottomTabs.this,
+                        VisibilityAnimator.HideDirection.Down,
+                        getHeight());
+            }
+        });
+    }
 }

src/deprecated/platformSpecificDeprecated.android.js

@@ -24,7 +24,6 @@ function startSingleScreenApp(params) {
   /*
    * adapt to new API
    */
-  console.log('0');
   screen.screenId = screen.screen;
   params.screen = adaptNavigationStyleToScreenStyle(screen);
   params.screen = adaptNavigationParams(screen);
@@ -227,10 +226,9 @@ function navigatorToggleNavBar(navigator, params) {
 }
 
 function navigatorToggleTabs(navigator, params) {
-  //RctActivity.toggleNavigatorTabs({
-  //  hidden: params.to === 'hidden',
-  //  animated: !(params.animated === false)
-  //});
+  const visibility = params.to === 'hidden';
+  const animated = !(params.animated === false);
+  newPlatformSpecific.toggleBottomTabsVisible(visibility, animated);
 }
 
 function showModal(params) {

src/platformSpecific.android.js

@@ -30,6 +30,10 @@ function toggleTopBarVisible(screenInstanceID, visible, animated) {
   NativeReactModule.setTopBarVisible(screenInstanceID, visible, animated);
 }
 
+function toggleBottomTabsVisible(visible, animated) {
+  NativeReactModule.setBottomTabsVisible(visible, animated);
+}
+
 function setScreenTitleBarTitle(screenInstanceID, title) {
   NativeReactModule.setScreenTitleBarTitle(screenInstanceID, title);
 }
@@ -57,6 +61,7 @@ module.exports = {
   popToRoot,
   newStack,
   toggleTopBarVisible,
+  toggleBottomTabsVisible,
   setScreenTitleBarTitle,
   setScreenTitleBarButtons,
   showModal,