Update slow animations in playground

Added pop animation and tweaked values a bit.

lib/android/app/src/main/java/com/reactnativenavigation/parse/AnimationOptions.kt

@@ -14,6 +14,7 @@ import com.reactnativenavigation.parse.params.Text
 import com.reactnativenavigation.parse.parsers.BoolParser
 import com.reactnativenavigation.parse.parsers.TextParser
 import com.reactnativenavigation.utils.CollectionUtils
+import com.reactnativenavigation.utils.CollectionUtils.forEach
 import org.json.JSONObject
 import java.util.*
 import kotlin.math.max
@@ -68,7 +69,7 @@ open class AnimationOptions(json: JSONObject?) {
         if (!hasAnimation()) return defaultAnimation
         val animationSet = AnimatorSet()
         val animators: MutableList<Animator> = ArrayList()
-        CollectionUtils.forEach(valueOptions) { options: ValueAnimationOptions -> animators.add(options.getAnimation(view)) }
+        forEach(valueOptions) { options: ValueAnimationOptions -> animators.add(options.getAnimation(view)) }
         animationSet.playTogether(animators)
         return animationSet
     }

playground/src/commons/Options.js

@@ -1,13 +1,14 @@
 const { Navigation } = require('react-native-navigation');
 const Colors = require('./Colors');
 const { Dimensions } = require('react-native');
-const height = Math.round(Dimensions.get('window').height) * 0.7;
+const height = Math.round(Dimensions.get('window').height);
 const width = Math.round(Dimensions.get('window').width);
+console.log('guyca', `height: ${height} width: ${width}`);
 const {
   useSlowOpenScreenAnimations,
-  useSlideAnimation: useSlideAnimation
+  useSlideAnimation
 } = require('../flags');
-const SHOW_DURATION = 230 * 3;
+const SHOW_DURATION = 310 * 2.5;
 
 const setDefaultOptions = () => Navigation.setDefaultOptions({
   layout: {
@@ -67,19 +68,27 @@ const slideAnimations = {
 const slowOpenScreenAnimations = {
   showModal: {
     waitForRender: true,
-    y: {
+    translationY: {
       from: height,
       to: 0,
       duration: SHOW_DURATION,
-      interpolation: 'accelerateDecelerate'
+      interpolation: 'decelerate'
     },
     alpha: {
-      from: 0.7,
+      from: 0.65,
       to: 1,
-      duration: SHOW_DURATION,
+      duration: SHOW_DURATION * 0.5,
       interpolation: 'accelerate'
     }
   },
+  dismissModal: {
+    translationY: {
+      from: 0,
+      to: height,
+      duration: SHOW_DURATION * 0.8,
+    },
+    
+  },
   push: {
     waitForRender: true,
     content: {
@@ -89,9 +98,23 @@ const slowOpenScreenAnimations = {
         duration: SHOW_DURATION,
       },
       translationY: {
-        from: height,
+        from: height * 0.3,
+        to: 0,
+        duration: SHOW_DURATION,
+      }
+    }
+  },
+  pop: {
+    content: {
+      alpha: {
+        from: 1,
         to: 0,
         duration: SHOW_DURATION,
+      },
+      translationY: {
+        from: 0,
+        to: height * 0.7,
+        duration: SHOW_DURATION,
       }
     }
   }