Bottom anim (#2906)

* WIP

* Apply default options when screen options are null

* modal animations

* fix tests

* refactor

* refactor

* refactor

* refactor

* test fix

* topBar anim

* child disappear bug

* Update app.js

* Update WelcomeScreen.js

* fix tests

* bottom tabs

lib/android/app/src/main/java/com/reactnativenavigation/anim/BottomTabsAnimator.java

@@ -0,0 +1,49 @@
+package com.reactnativenavigation.anim;
+
+
+import android.animation.Animator;
+import android.animation.AnimatorListenerAdapter;
+import android.animation.AnimatorSet;
+
+import com.reactnativenavigation.parse.AnimationsOptions;
+import com.reactnativenavigation.views.BottomTabs;
+
+public class BottomTabsAnimator {
+
+    private BottomTabs bottomTabs;
+
+    public BottomTabsAnimator(BottomTabs bottomTabs) {
+        this.bottomTabs = bottomTabs;
+    }
+
+    public void hide(AnimationsOptions animationsOptions) {
+        if (animationsOptions.pop.bottomTabs.hasValue()) {
+            AnimatorSet set = animationsOptions.pop.bottomTabs.getAnimation(bottomTabs);
+            set.addListener(new AnimatorListenerAdapter() {
+                @Override
+                public void onAnimationEnd(Animator animation) {
+                    bottomTabs.hideBottomNavigation(false);
+                }
+            });
+            set.start();
+        } else {
+            bottomTabs.hideBottomNavigation();
+        }
+    }
+
+    public void show(AnimationsOptions animationsOptions) {
+        if (animationsOptions.push.bottomTabs.hasValue()) {
+            AnimatorSet set = animationsOptions.push.bottomTabs.getAnimation(bottomTabs);
+            set.addListener(new AnimatorListenerAdapter() {
+                @Override
+                public void onAnimationEnd(Animator animation) {
+                    bottomTabs.restoreBottomNavigation(false);
+                }
+            });
+            set.start();
+        } else {
+            bottomTabs.restoreBottomNavigation();
+        }
+    }
+
+}

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

@@ -1,5 +1,7 @@
 package com.reactnativenavigation.presentation;
 
+import com.reactnativenavigation.anim.BottomTabsAnimator;
+import com.reactnativenavigation.parse.AnimationsOptions;
 import com.reactnativenavigation.parse.BottomTabOptions;
 import com.reactnativenavigation.parse.BottomTabsOptions;
 import com.reactnativenavigation.parse.Options;
@@ -9,14 +11,16 @@ import com.reactnativenavigation.views.BottomTabs;
 public class BottomTabsOptionsPresenter {
     private BottomTabs bottomTabs;
     private BottomTabFinder bottomTabFinder;
+    private BottomTabsAnimator animator;
 
     public BottomTabsOptionsPresenter(BottomTabs bottomTabs, BottomTabFinder bottomTabFinder) {
         this.bottomTabs = bottomTabs;
         this.bottomTabFinder = bottomTabFinder;
+        animator = new BottomTabsAnimator(bottomTabs);
     }
 
     public void present(Options options) {
-        applyBottomTabsOptions(options.bottomTabsOptions);
+        applyBottomTabsOptions(options.bottomTabsOptions, options.animationsOptions);
     }
 
     public void present(Options options, int tabIndex) {
@@ -29,7 +33,7 @@ public class BottomTabsOptionsPresenter {
         }
     }
 
-    private void applyBottomTabsOptions(BottomTabsOptions options) {
+    private void applyBottomTabsOptions(BottomTabsOptions options, AnimationsOptions animationsOptions) {
         if (options.backgroundColor.hasValue()) {
             bottomTabs.setBackgroundColor(options.backgroundColor.get());
         }
@@ -50,10 +54,19 @@ public class BottomTabsOptionsPresenter {
             if (tabIndex >= 0) bottomTabs.setCurrentItem(tabIndex);
         }
         if (options.visible.isTrueOrUndefined()) {
-            bottomTabs.restoreBottomNavigation(options.animate.isTrueOrUndefined());
+            if (options.animate.isTrueOrUndefined()) {
+                animator.show(animationsOptions);
+            } else {
+                bottomTabs.restoreBottomNavigation(false);
+            }
         }
         if (options.visible.isFalse()) {
-            bottomTabs.hideBottomNavigation(options.animate.isTrueOrUndefined());
+            if (options.animate.isTrueOrUndefined()) {
+                animator.hide(animationsOptions);
+            } else {
+                bottomTabs.hideBottomNavigation(false);
+            }
         }
     }
+
 }

playground/src/app.js

@@ -40,6 +40,20 @@ function start() {
               interpolation: 'accelerate'
             }
           },
+          bottomTabs: {
+            y: {
+              from: 1000,
+              to: 0,
+              duration: 500,
+              interpolation: 'decelerate',
+            },
+            alpha: {
+              from: 0,
+              to: 1,
+              duration: 500,
+              interpolation: 'decelerate'
+            }
+          },
           content: {
             y: {
               from: 1000,
@@ -57,6 +71,20 @@ function start() {
         },
         pop: {
           topBar: {
+            y: {
+              from: 0,
+              to: 100,
+              duration: 500,
+              interpolation: 'accelerate',
+            },
+            alpha: {
+              from: 1,
+              to: 0,
+              duration: 500,
+              interpolation: 'accelerate'
+            }
+          },
+          bottomTabs: {
             y: {
               from: 0,
               to: 100,

playground/src/screens/TextScreen.js

@@ -88,7 +88,8 @@ class TextScreen extends Component {
   hideTabBar(visible) {
     Navigation.setOptions(this.props.componentId, {
       bottomTabs: {
-        visible
+        visible,
+        animate: true
       }
     });
   }