react-native-navigation 7.43.0 → 7.45.0

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/statusbar/StatusBarPresenter.kt

@@ -0,0 +1,212 @@
+package com.reactnativenavigation.viewcontrollers.statusbar
+
+import android.animation.Animator
+import android.app.Activity
+import android.graphics.Color
+import android.view.View
+import android.view.Window
+import com.reactnativenavigation.RNNFeatureToggles.isEnabled
+import com.reactnativenavigation.RNNToggles
+import com.reactnativenavigation.options.Options
+import com.reactnativenavigation.options.StatusBarOptions
+import com.reactnativenavigation.options.StatusBarOptions.TextColorScheme
+import com.reactnativenavigation.options.params.Bool
+import com.reactnativenavigation.utils.ColorUtils.isColorLight
+import com.reactnativenavigation.utils.StubAnimationListener.Companion.onAnimatorEnd
+import com.reactnativenavigation.utils.SystemUiUtils.clearStatusBarTranslucency
+import com.reactnativenavigation.utils.SystemUiUtils.getStatusBarColor
+import com.reactnativenavigation.utils.SystemUiUtils.hideStatusBar
+import com.reactnativenavigation.utils.SystemUiUtils.isTranslucent
+import com.reactnativenavigation.utils.SystemUiUtils.setStatusBarColor
+import com.reactnativenavigation.utils.SystemUiUtils.setStatusBarColorScheme
+import com.reactnativenavigation.utils.SystemUiUtils.setStatusBarTranslucent
+import com.reactnativenavigation.utils.SystemUiUtils.showStatusBar
+import com.reactnativenavigation.viewcontrollers.viewcontroller.StatusBarColorAnimator
+import com.reactnativenavigation.viewcontrollers.viewcontroller.ViewController
+import java.lang.ref.WeakReference
+
+class StatusBarPresenter private constructor(
+        activity: Activity,
+        private val sbColorAnimator: StatusBarColorAnimator = StatusBarColorAnimator(activity)) {
+
+    private val window = WeakReference(activity.window)
+    private var hasPendingColorAnim = false
+
+    fun applyOptions(viewController: ViewController<*>, options: StatusBarOptions) {
+        if (!hasPendingColorAnim) {
+            setStatusBarBackgroundColor(options)
+            setTranslucent(options)
+        }
+        setTextColorScheme(options)
+        setStatusBarVisible(viewController, options.visible)
+    }
+
+    fun mergeOptions(view: View, statusBar: StatusBarOptions) {
+        mergeStatusBarBackgroundColor(statusBar)
+        mergeTextColorScheme(statusBar)
+        mergeTranslucent(statusBar)
+        mergeStatusBarVisible(view, statusBar.visible)
+    }
+
+    fun onConfigurationChanged(options: StatusBarOptions) {
+        setStatusBarBackgroundColor(options)
+        setTextColorScheme(options)
+    }
+
+    fun bindViewController(newOptions: StatusBarOptions) {
+        if (!isEnabled(RNNToggles.TOP_BAR_COLOR_ANIMATION__TABS)) {
+            return
+        }
+
+        if (newOptions.backgroundColor.canApplyValue()) {
+            val currentColor = getCurrentStatusBarBackgroundColor() ?: return
+            val newColor = getStatusBarBackgroundColor(newOptions)
+            createStatusBarColorAnimation(
+                from = currentColor,
+                to = newColor,
+                translucent = newOptions.translucent.isTrue,
+            ).start()
+        }
+    }
+
+    fun getStatusBarPushAnimation(appearingOptions: Options): Animator? =
+        if (isEnabled(RNNToggles.TOP_BAR_COLOR_ANIMATION__PUSH)) {
+            getStatusBarColorAnimation(appearingOptions.statusBar)
+        } else null
+
+    fun getStatusBarPopAnimation(appearingOptions: Options, disappearingOptions: Options): Animator? =
+        if (isEnabled(RNNToggles.TOP_BAR_COLOR_ANIMATION__PUSH)) {
+            getStatusBarColorAnimation(appearingOptions.statusBar)
+        } else null
+
+    private fun setStatusBarBackgroundColor(statusBar: StatusBarOptions) {
+        if (statusBar.backgroundColor.canApplyValue()) {
+            val statusBarBackgroundColor: Int = getStatusBarBackgroundColor(statusBar)
+            setStatusBarBackgroundColor(statusBarBackgroundColor, statusBar.translucent.isTrue)
+        }
+    }
+
+    private fun setStatusBarBackgroundColor(color: Int, translucent: Boolean) {
+        setStatusBarColor(window.get(), color, translucent)
+    }
+
+    private fun getStatusBarBackgroundColor(statusBar: StatusBarOptions): Int {
+        val defaultColor =
+            if (statusBar.visible.isTrueOrUndefined) Color.BLACK else Color.TRANSPARENT
+        return statusBar.backgroundColor.get(defaultColor)!!
+    }
+
+    private fun setTextColorScheme(statusBar: StatusBarOptions) {
+        val view = window.get()?.decorView
+        //View.post is a Workaround, added to solve internal Samsung
+        //Android 9 issues. For more info see https://github.com/wix/react-native-navigation/pull/7231
+        view?.post {
+            setStatusBarColorScheme(
+                window.get(),
+                view,
+                isDarkTextColorScheme(statusBar)
+            )
+        }
+    }
+
+    private fun setTranslucent(options: StatusBarOptions) {
+        val window = window.get()
+        if (options.translucent.isTrue) {
+            setStatusBarTranslucent(window)
+        } else if (isTranslucent(window)) {
+            clearStatusBarTranslucency(window)
+        }
+    }
+
+    private fun setStatusBarVisible(viewController: ViewController<*>, visible: Bool) {
+        val window = window.get() ?: return
+        val view = if (viewController.view != null) viewController.view else window.decorView
+        if (visible.isFalse) {
+            hideStatusBar(window, view)
+        } else {
+            showStatusBar(window, view)
+        }
+    }
+
+    private fun mergeStatusBarBackgroundColor(statusBar: StatusBarOptions) {
+        if (statusBar.backgroundColor.hasValue()) {
+            val statusBarBackgroundColor = getStatusBarBackgroundColor(statusBar)
+            setStatusBarColor(
+                window.get(), statusBarBackgroundColor,
+                statusBar.translucent.isTrue
+            )
+        }
+    }
+
+    private fun mergeTextColorScheme(statusBar: StatusBarOptions) {
+        if (!statusBar.textColorScheme.hasValue()) return
+        setTextColorScheme(statusBar)
+    }
+
+    private fun mergeTranslucent(options: StatusBarOptions) {
+        val window: Window = window.get() ?: return
+        if (options.translucent.isTrue) {
+            setStatusBarTranslucent(window)
+        } else if (options.translucent.isFalse && isTranslucent(window)) {
+            clearStatusBarTranslucency(window)
+        }
+    }
+
+    private fun mergeStatusBarVisible(view: View, visible: Bool) {
+        if (visible.hasValue()) {
+            if (visible.isTrue) {
+                showStatusBar(window.get(), view)
+            } else {
+                hideStatusBar(window.get(), view)
+            }
+        }
+    }
+
+    private fun isDarkTextColorScheme(statusBar: StatusBarOptions): Boolean {
+        if (statusBar.textColorScheme == TextColorScheme.Dark) {
+            return true
+        }
+
+        if (statusBar.textColorScheme == TextColorScheme.Light) {
+            return false
+        }
+        return isColorLight(getStatusBarBackgroundColor(statusBar))
+    }
+
+    private fun getStatusBarColorAnimation(statusBarOptions: StatusBarOptions): Animator? {
+        if (isEnabled(RNNToggles.TOP_BAR_COLOR_ANIMATION__TABS)) {
+            getCurrentStatusBarBackgroundColor()?.let { currentColor ->
+                val targetColor = statusBarOptions.backgroundColor
+
+                if (targetColor.hasValue()) {
+                    val translucent = statusBarOptions.translucent.isTrue
+                    return createStatusBarColorAnimation(
+                        from = currentColor,
+                        to = targetColor.get(),
+                        translucent = translucent,
+                    )
+                }
+            }
+        }
+        return null
+    }
+
+    private fun createStatusBarColorAnimation(from: Int, to: Int, translucent: Boolean): Animator =
+        sbColorAnimator.getAnimator(from, to, translucent).apply {
+            addListener(onAnimatorEnd {
+                hasPendingColorAnim = false
+            })
+            hasPendingColorAnim = true
+        }
+
+    private fun getCurrentStatusBarBackgroundColor() =
+        getStatusBarColor(window.get())
+
+    companion object {
+        lateinit var instance: StatusBarPresenter
+
+        fun init(activity: Activity) {
+            instance = StatusBarPresenter(activity)
+        }
+    }
+}

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/viewcontroller/LayoutDirectionApplier.kt

@@ -1,15 +1,19 @@
 package com.reactnativenavigation.viewcontrollers.viewcontroller
 
+import android.annotation.SuppressLint
 import com.facebook.react.ReactInstanceManager
 import com.facebook.react.modules.i18nmanager.I18nUtil
 import com.reactnativenavigation.options.Options
 
 class LayoutDirectionApplier {
-    fun apply(root: ViewController<*>, options: Options, instanceManager: ReactInstanceManager) {
-        if (options.layout.direction.hasValue() && instanceManager.currentReactContext != null) {
+    @SuppressLint("WrongConstant")
+    fun apply(root: ViewController<*>, options: Options) {
+        val currentContext = root.view?.context ?: return
+
+        if (options.layout.direction.hasValue()) {
             root.activity.window.decorView.layoutDirection = options.layout.direction.get()
-            I18nUtil.getInstance().allowRTL(instanceManager.currentReactContext, options.layout.direction.isRtl)
-            I18nUtil.getInstance().forceRTL(instanceManager.currentReactContext, options.layout.direction.isRtl)
+            I18nUtil.instance.allowRTL(currentContext, options.layout.direction.isRtl)
+            I18nUtil.instance.forceRTL(currentContext, options.layout.direction.isRtl)
         }
     }
 }

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/viewcontroller/Presenter.java

@@ -1,5 +1,7 @@
 package com.reactnativenavigation.viewcontrollers.viewcontroller;
 
+import static com.reactnativenavigation.utils.ColorUtils.isColorLight;
+
 import android.app.Activity;
 import android.graphics.Color;
 import android.graphics.drawable.ColorDrawable;
@@ -8,27 +10,25 @@ import android.graphics.drawable.LayerDrawable;
 import android.view.View;
 import android.view.ViewGroup;
 import android.view.ViewGroup.MarginLayoutParams;
-import android.view.Window;
 
 import com.reactnativenavigation.options.NavigationBarOptions;
 import com.reactnativenavigation.options.Options;
 import com.reactnativenavigation.options.OrientationOptions;
 import com.reactnativenavigation.options.StatusBarOptions;
-import com.reactnativenavigation.options.StatusBarOptions.TextColorScheme;
 import com.reactnativenavigation.options.layout.LayoutInsets;
-import com.reactnativenavigation.options.params.Bool;
 import com.reactnativenavigation.utils.SystemUiUtils;
-import com.reactnativenavigation.viewcontrollers.parent.ParentController;
 import com.reactnativenavigation.viewcontrollers.navigator.Navigator;
+import com.reactnativenavigation.viewcontrollers.parent.ParentController;
+import com.reactnativenavigation.viewcontrollers.statusbar.StatusBarPresenter;
 
 public class Presenter {
     private final Activity activity;
+
     private Options defaultOptions;
 
     public Presenter(Activity activity, Options defaultOptions) {
         this.activity = activity;
         this.defaultOptions = defaultOptions;
-
     }
 
     public void setDefaultOptions(Options defaultOptions) {
@@ -55,13 +55,13 @@ public class Presenter {
         Options withDefaultOptions = options.copy().withDefaultOptions(defaultOptions);
         applyOrientation(withDefaultOptions.layout.orientation);
         applyViewOptions(view, withDefaultOptions);
-        applyStatusBarOptions(view, withDefaultOptions);
+        applyStatusBarOptions(view, withDefaultOptions.statusBar);
         applyNavigationBarOptions(withDefaultOptions.navigationBar);
     }
 
     public void onViewBroughtToFront(ViewController<?> viewController, Options options) {
         Options withDefaultOptions = options.copy().withDefaultOptions(defaultOptions);
-        applyStatusBarOptions(viewController, withDefaultOptions);
+        applyStatusBarOptions(viewController, withDefaultOptions.statusBar);
     }
 
     private void applyOrientation(OrientationOptions options) {
@@ -104,101 +104,12 @@ public class Presenter {
         }
     }
 
-    private void applyStatusBarOptions(ViewController viewController, Options options) {
-        StatusBarOptions statusBar = options.copy().withDefaultOptions(defaultOptions).statusBar;
-        setStatusBarBackgroundColor(statusBar);
-        setTextColorScheme(statusBar);
-        setTranslucent(statusBar);
-        setStatusBarVisible(viewController, statusBar.visible);
-    }
-
-    private void setTranslucent(StatusBarOptions options) {
-        Window window = activity.getWindow();
-        if (options.translucent.isTrue()) {
-            SystemUiUtils.setStatusBarTranslucent(window);
-        } else if (SystemUiUtils.isTranslucent(window)) {
-            SystemUiUtils.clearStatusBarTranslucency(window);
-        }
-    }
-
-    private void setStatusBarVisible(ViewController viewController, Bool visible) {
-        final View view = viewController.view != null ? viewController.view : activity.getWindow().getDecorView();
-        if (visible.isFalse()) {
-            SystemUiUtils.hideStatusBar(activity.getWindow(), view);
-        } else {
-            SystemUiUtils.showStatusBar(activity.getWindow(), view);
-        }
-    }
-
-    private void setStatusBarBackgroundColor(StatusBarOptions statusBar) {
-        if (statusBar.backgroundColor.canApplyValue()) {
-            final int statusBarBackgroundColor = getStatusBarBackgroundColor(statusBar);
-            SystemUiUtils.setStatusBarColor(activity.getWindow(), statusBarBackgroundColor,
-                    statusBar.translucent.isTrue());
-        }
-    }
-
-    private boolean isDarkTextColorScheme(StatusBarOptions statusBar) {
-        if (statusBar.textColorScheme == TextColorScheme.Dark) {
-            return true;
-        } else if (statusBar.textColorScheme == TextColorScheme.Light) {
-            return false;
-        }
-
-        return isColorLight(getStatusBarBackgroundColor(statusBar));
+    private void applyStatusBarOptions(ViewController viewController, StatusBarOptions options) {
+        StatusBarPresenter.instance.applyOptions(viewController, options);
     }
 
-    private int getStatusBarBackgroundColor(StatusBarOptions statusBar) {
-        int defaultColor = statusBar.visible.isTrueOrUndefined() ? Color.BLACK : Color.TRANSPARENT;
-        return statusBar.backgroundColor.get(defaultColor);
-    }
-
-    private void setTextColorScheme(StatusBarOptions statusBar) {
-        final View view = activity.getWindow().getDecorView();
-        //View.post is a Workaround, added to solve internal Samsung 
-        //Android 9 issues. For more info see https://github.com/wix/react-native-navigation/pull/7231
-        view.post(() -> {
-            SystemUiUtils.setStatusBarColorScheme(activity.getWindow(), view, isDarkTextColorScheme(statusBar));
-        });
-    }
-
-    private void mergeStatusBarOptions(View view, StatusBarOptions statusBar) {
-        mergeStatusBarBackgroundColor(statusBar);
-        mergeTextColorScheme(statusBar);
-        mergeTranslucent(statusBar);
-        mergeStatusBarVisible(view, statusBar.visible);
-    }
-
-    private void mergeStatusBarBackgroundColor(StatusBarOptions statusBar) {
-        if (statusBar.backgroundColor.hasValue()) {
-            final int statusBarBackgroundColor = getStatusBarBackgroundColor(statusBar);
-            SystemUiUtils.setStatusBarColor(activity.getWindow(), statusBarBackgroundColor,
-                    statusBar.translucent.isTrue());
-        }
-    }
-
-    private void mergeTextColorScheme(StatusBarOptions statusBar) {
-        if (!statusBar.textColorScheme.hasValue()) return;
-        setTextColorScheme(statusBar);
-    }
-
-    private void mergeTranslucent(StatusBarOptions options) {
-        Window window = activity.getWindow();
-        if (options.translucent.isTrue()) {
-            SystemUiUtils.setStatusBarTranslucent(window);
-        } else if (options.translucent.isFalse() && SystemUiUtils.isTranslucent(window)) {
-            SystemUiUtils.clearStatusBarTranslucency(window);
-        }
-    }
-
-    private void mergeStatusBarVisible(View view, Bool visible) {
-        if (visible.hasValue()) {
-            if (visible.isTrue()) {
-                SystemUiUtils.showStatusBar(activity.getWindow(), view);
-            } else {
-                SystemUiUtils.hideStatusBar(activity.getWindow(), view);
-            }
-        }
+    private void mergeStatusBarOptions(View view, StatusBarOptions statusBarOptions) {
+        StatusBarPresenter.instance.mergeOptions(view, statusBarOptions);
     }
 
     private void applyNavigationBarOptions(NavigationBarOptions options) {
@@ -236,16 +147,10 @@ public class Presenter {
         }
     }
 
-    private boolean isColorLight(int color) {
-        double darkness = 1 - (0.299 * Color.red(color) + 0.587 * Color.green(color) + 0.114 * Color.blue(color)) / 255;
-        return darkness < 0.5;
-    }
-
     public void onConfigurationChanged(ViewController controller, Options options) {
         Options withDefault = options.withDefaultOptions(defaultOptions);
         setNavigationBarBackgroundColor(withDefault.navigationBar);
-        setStatusBarBackgroundColor(withDefault.statusBar);
-        setTextColorScheme(withDefault.statusBar);
+        StatusBarPresenter.instance.onConfigurationChanged(withDefault.statusBar);
         applyBackgroundColor(controller, withDefault);
     }
 }

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/viewcontroller/RootPresenter.java

@@ -35,7 +35,7 @@ public class RootPresenter {
     }
 
     public void setRoot(ViewController appearingRoot, ViewController<?> disappearingRoot, Options defaultOptions, CommandListener listener, ReactInstanceManager reactInstanceManager) {
-        layoutDirectionApplier.apply(appearingRoot, defaultOptions, reactInstanceManager);
+        layoutDirectionApplier.apply(appearingRoot, defaultOptions);
         rootLayout.addView(appearingRoot.getView(), matchParentWithBehaviour(new BehaviourDelegate(appearingRoot)));
         Options options = appearingRoot.resolveCurrentOptions(defaultOptions);
         AnimationOptions enter = options.animations.setRoot.getEnter();

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/viewcontroller/StatusBarColorAnimator.kt

@@ -0,0 +1,28 @@
+package com.reactnativenavigation.viewcontrollers.viewcontroller
+
+import android.animation.ValueAnimator
+import android.app.Activity
+import com.reactnativenavigation.utils.ColorUtils
+import com.reactnativenavigation.utils.SystemUiUtils
+import com.reactnativenavigation.views.animations.ColorAnimator
+import java.lang.ref.WeakReference
+
+private const val STATUS_BAR_TRANSLUCENCY_ALPHA = (SystemUiUtils.STATUS_BAR_HEIGHT_TRANSLUCENCY * 255).toInt()
+
+class StatusBarColorAnimator(val activity: Activity) {
+    private val colorAnimator = ColorAnimator()
+    private val window = WeakReference(activity.window)
+
+    fun getAnimator(from: Int, to: Int, isTranslucent: Boolean): ValueAnimator =
+        colorAnimator.getAnimation(
+            from = from,
+            to = embedTranslucency(to, isTranslucent)
+        ).apply {
+            addUpdateListener { animation ->
+                SystemUiUtils.setStatusBarColor(window.get(), animation.animatedValue as Int)
+            }
+        }
+
+    private fun embedTranslucency(color: Int, isTranslucent: Boolean): Int =
+        if (!isTranslucent) color else ColorUtils.setAlpha(color, STATUS_BAR_TRANSLUCENCY_ALPHA)
+}

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/viewcontroller/ViewController.java

@@ -3,6 +3,7 @@ package com.reactnativenavigation.viewcontrollers.viewcontroller;
 import static com.reactnativenavigation.utils.CollectionUtils.forEach;
 import static com.reactnativenavigation.utils.ObjectUtils.perform;
 
+import android.animation.Animator;
 import android.app.Activity;
 import android.content.res.Configuration;
 import android.view.View;
@@ -12,11 +13,11 @@ import android.view.ViewTreeObserver;
 
 import androidx.annotation.CallSuper;
 import androidx.annotation.CheckResult;
+import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import androidx.annotation.VisibleForTesting;
 import androidx.coordinatorlayout.widget.CoordinatorLayout;
 
-import com.reactnativenavigation.BuildConfig;
 import com.reactnativenavigation.options.Options;
 import com.reactnativenavigation.options.params.Bool;
 import com.reactnativenavigation.options.params.NullBool;
@@ -113,10 +114,34 @@ public abstract class ViewController<T extends ViewGroup> implements ViewTreeObs
 
     public abstract T createView();
 
+    public void onSelected(ViewController<?> previousVC) {
+        setVisible();
+    }
+
+    public void onDeselected() {
+        setInvisible();
+    }
+
+    public void setVisible() {
+        getView().setVisibility(View.VISIBLE);
+
+        onViewWillAppear();
+        onViewDidAppear();
+    }
+
+    public void setInvisible() {
+        getView().setVisibility(View.INVISIBLE);
+    }
+
     public void setViewVisibilityListener(ViewVisibilityListener viewVisibilityListener) {
         this.viewVisibilityListener = viewVisibilityListener;
     }
 
+    @NonNull
+    public ViewControllerVisibilityInfo getVisibilityInfo() {
+        return new ViewControllerVisibilityInfo(null);
+    }
+
     @VisibleForTesting(otherwise = VisibleForTesting.PACKAGE_PRIVATE)
     public void ensureViewIsCreated() {
         getView();
@@ -172,7 +197,6 @@ public abstract class ViewController<T extends ViewGroup> implements ViewTreeObs
     }
 
     public void setDefaultOptions(Options defaultOptions) {
-
     }
 
     public Activity getActivity() {
@@ -352,6 +376,14 @@ public abstract class ViewController<T extends ViewGroup> implements ViewTreeObs
 
     }
 
+    public Animator getPushAnimations(Options appearingOptions) {
+        return null;
+    }
+
+    public Animator getPopAnimations(Options appearingOptions, Options disappearingOptions) {
+        return null;
+    }
+
     protected void runOnPreDraw(Func1<T> task) {
         if (!isDestroyed) UiUtils.runOnPreDrawOnce(getView(), task);
     }

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/viewcontroller/ViewControllerVisibilityInfo.kt

@@ -0,0 +1,5 @@
+package com.reactnativenavigation.viewcontrollers.viewcontroller
+
+data class TopBarVisibilityInfo(val isShown: Boolean, val solidColor: Int?)
+
+data class ViewControllerVisibilityInfo(val topBarVisibilityInfo: TopBarVisibilityInfo?)

package/lib/android/app/src/main/java/com/reactnativenavigation/views/animations/{BaseViewAnimator.kt → BaseViewAppearanceAnimator.kt}

@@ -12,7 +12,7 @@ import com.reactnativenavigation.options.animations.ViewAnimationOptions
 import com.reactnativenavigation.options.params.Bool
 import com.reactnativenavigation.utils.resetViewProperties
 
-open class BaseViewAnimator<T : View>(
+open class BaseViewAppearanceAnimator<T : View>(
         private val hideDirection: HideDirection,
         view: T? = null,
         private val defaultAnimatorCreator: ViewAnimatorCreator = DefaultViewAnimatorCreator()
@@ -90,16 +90,16 @@ open class BaseViewAnimator<T : View>(
 
     fun isAnimatingShow() = showAnimator.isRunning
 
-    fun getPushAnimation(animation: ViewAnimationOptions, visible: Bool, additionalDy: Float = 0f): Animator? {
+    fun getPushAnimation(animationOpts: ViewAnimationOptions, visible: Bool, additionalDy: Float = 0f): Animator? {
         if (isOrWillBeVisible && visible.isFalse) {
             showAnimator.cancel()
-            hideAnimator = animation.exit.getAnimation(view, defaultAnimatorCreator.getHideAnimator(view, hideDirection, additionalDy))
+            hideAnimator = animationOpts.exit.getAnimation(view, defaultAnimatorCreator.getHideAnimator(view, hideDirection, additionalDy))
             return hideAnimator
         }
 
         if (isOrWillBeHidden && visible.isTrueOrUndefined) {
             hideAnimator.cancel()
-            showAnimator = animation.enter.getAnimation(view, defaultAnimatorCreator.getShowAnimator(view, hideDirection, additionalDy))
+            showAnimator = animationOpts.enter.getAnimation(view, defaultAnimatorCreator.getShowAnimator(view, hideDirection, additionalDy))
             return showAnimator
         }
 

package/lib/android/app/src/main/java/com/reactnativenavigation/views/animations/ColorAnimator.kt

@@ -0,0 +1,22 @@
+package com.reactnativenavigation.views.animations
+
+import android.animation.ObjectAnimator
+import android.animation.ValueAnimator
+import android.view.View
+
+class ColorAnimator {
+    fun getAnimation(from: Int, to: Int): ValueAnimator = createObjectAnimator(null, from, to)
+    fun getAnimation(view: View, from: Int, to: Int): ValueAnimator = createObjectAnimator(view, from, to)
+
+    private fun createObjectAnimator(view: View?, from: Int, to: Int) =
+        if (view == null) {
+            ObjectAnimator.ofArgb(from, to)
+        } else {
+            ObjectAnimator.ofArgb(
+                view,
+                view.BkgColorProperty,
+                from,
+                to,
+            )
+        }
+}

package/lib/android/app/src/main/java/com/reactnativenavigation/views/animations/DefaultViewAnimatorCreator.kt

@@ -13,11 +13,11 @@ class DefaultViewAnimatorCreator : ViewAnimatorCreator {
     }
 
     override fun getShowAnimator(
-            view: View,
-            hideDirection: BaseViewAnimator.HideDirection,
-            translationStart: Float
+        view: View,
+        hideDirection: BaseViewAppearanceAnimator.HideDirection,
+        translationStart: Float
     ): Animator {
-        val direction = if (hideDirection == BaseViewAnimator.HideDirection.Up) 1 else -1
+        val direction = if (hideDirection == BaseViewAppearanceAnimator.HideDirection.Up) 1 else -1
         return ObjectAnimator.ofFloat(
                 view,
                 View.TRANSLATION_Y,
@@ -30,11 +30,11 @@ class DefaultViewAnimatorCreator : ViewAnimatorCreator {
     }
 
     override fun getHideAnimator(
-            view: View,
-            hideDirection: BaseViewAnimator.HideDirection,
-            additionalDy: Float
+        view: View,
+        hideDirection: BaseViewAppearanceAnimator.HideDirection,
+        additionalDy: Float
     ): Animator {
-        val direction = if (hideDirection == BaseViewAnimator.HideDirection.Up) -1 else 1
+        val direction = if (hideDirection == BaseViewAppearanceAnimator.HideDirection.Up) -1 else 1
         return ObjectAnimator.ofFloat(
                 view,
                 View.TRANSLATION_Y,

package/lib/android/app/src/main/java/com/reactnativenavigation/views/animations/ViewAnimatorCreator.kt

@@ -4,6 +4,6 @@ import android.animation.Animator
 import android.view.View
 
 interface ViewAnimatorCreator {
-    fun getShowAnimator(view: View, hideDirection: BaseViewAnimator.HideDirection, translationStart: Float): Animator
-    fun getHideAnimator(view: View, hideDirection: BaseViewAnimator.HideDirection, additionalDy: Float): Animator
+    fun getShowAnimator(view: View, hideDirection: BaseViewAppearanceAnimator.HideDirection, translationStart: Float): Animator
+    fun getHideAnimator(view: View, hideDirection: BaseViewAppearanceAnimator.HideDirection, additionalDy: Float): Animator
 }

package/lib/android/app/src/main/java/com/reactnativenavigation/views/animations/ViewBkgColorProperty.kt

@@ -0,0 +1,17 @@
+package com.reactnativenavigation.views.animations
+
+import android.graphics.drawable.ColorDrawable
+import android.util.Property
+import android.view.View
+
+val View.BkgColorProperty: Property<View, Int>
+    // TODO Replace Property with IntProperty (Requires SDK≥24)
+    get() = object: Property<View, Int>(Int::class.java, "bkgColor") {
+        override fun set(view: View, value: Int) {
+            (view.background as ColorDrawable).color = value
+        }
+
+        override fun get(view: View): Int {
+            return (view.background as ColorDrawable).color
+        }
+    }