react-native-navigation 7.42.0 → 99.99.1

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/stack/topbar/TopBarController.kt

@@ -1,28 +1,40 @@
 package com.reactnativenavigation.viewcontrollers.stack.topbar
 
 import android.animation.Animator
+import android.animation.AnimatorSet
 import android.content.Context
+import android.graphics.drawable.ColorDrawable
 import android.view.MenuItem
 import android.view.View
+import androidx.core.animation.addListener
 import androidx.viewpager.widget.ViewPager
+import com.reactnativenavigation.RNNFeatureToggles
+import com.reactnativenavigation.RNNToggles.TOP_BAR_COLOR_ANIMATION
 import com.reactnativenavigation.options.Alignment
 import com.reactnativenavigation.options.AnimationOptions
 import com.reactnativenavigation.options.Options
+import com.reactnativenavigation.options.TopBarOptions
+import com.reactnativenavigation.options.animations.ViewAnimationOptions
 import com.reactnativenavigation.utils.CollectionUtils.forEachIndexed
 import com.reactnativenavigation.utils.ViewUtils
 import com.reactnativenavigation.utils.resetViewProperties
 import com.reactnativenavigation.viewcontrollers.stack.topbar.button.ButtonController
 import com.reactnativenavigation.viewcontrollers.stack.topbar.title.TitleBarReactViewController
+import com.reactnativenavigation.views.animations.ColorAnimator
 import com.reactnativenavigation.views.stack.StackLayout
 import com.reactnativenavigation.views.stack.topbar.TopBar
 import com.reactnativenavigation.views.stack.topbar.titlebar.ButtonBar
 
 
-open class TopBarController(private val animator: TopBarAnimator = TopBarAnimator()) {
+open class TopBarController(
+    private val appearAnimator: TopBarAppearanceAnimator = TopBarAppearanceAnimator(),
+    private val colorAnimator: ColorAnimator = ColorAnimator(),
+) {
     lateinit var view: TopBar
     private lateinit var leftButtonBar: ButtonBar
     private lateinit var rightButtonBar: ButtonBar
 
+    private var hasPendingColorAnim = false
 
     val height: Int
         get() = view.height
@@ -31,46 +43,89 @@ open class TopBarController(private val animator: TopBarAnimator = TopBarAnimato
     val leftButtonCount: Int
         get() = leftButtonBar.buttonCount
 
-    fun getRightButton(index: Int): MenuItem = rightButtonBar.getButton(index)
-
     fun createView(context: Context, parent: StackLayout): TopBar {
         if (!::view.isInitialized) {
             view = createTopBar(context, parent)
             leftButtonBar = view.leftButtonBar
             rightButtonBar = view.rightButtonBar
-            animator.bindView(view)
+            appearAnimator.bindView(view)
         }
         return view
     }
 
-    protected open fun createTopBar(context: Context, stackLayout: StackLayout): TopBar {
-        return TopBar(context)
-    }
-
     fun initTopTabs(viewPager: ViewPager?) = view.initTopTabs(viewPager)
 
     fun clearTopTabs() = view.clearTopTabs()
 
+    fun setBackgroundColor(topBarOptions: TopBarOptions, defaultColor: Int) {
+        val color = topBarOptions.background.color
+
+        if (!hasPendingColorAnim) {
+            view.setBackgroundColor(color.get(defaultColor)!!)
+        }
+    }
+
+    fun setBackgroundColor(topBarOptions: TopBarOptions) {
+        val color = topBarOptions.background.color
+
+        if (color.hasValue() && !hasPendingColorAnim) {
+            view.setBackgroundColor(color.get())
+        }
+    }
+
+    fun getRightButton(index: Int): MenuItem = rightButtonBar.getButton(index)
+
     fun getPushAnimation(appearingOptions: Options, additionalDy: Float = 0f): Animator? {
-        if (appearingOptions.topBar.animate.isFalse) return null
-        return animator.getPushAnimation(
-                appearingOptions.animations.push.topBar,
-                appearingOptions.topBar.visible,
-                additionalDy
-        )
+        val topBarOptions = appearingOptions.topBar
+        val topBarAnimOptions = appearingOptions.animations.push.topBar
+
+        hasPendingColorAnim = false
+
+        mutableListOf(
+            getAppearancePushAnimation(topBarOptions, topBarAnimOptions, additionalDy),
+            getBkgColorAnimation(topBarOptions)?.apply {
+                hasPendingColorAnim = true
+
+                addListener(onEnd = {
+                    hasPendingColorAnim = false
+                })
+            },
+        ).filterNotNull().let {
+            return if (it.isNotEmpty()) {
+                AnimatorSet().apply { playTogether(it) }
+            } else {
+                null
+            }
+        }
     }
 
     fun getPopAnimation(appearingOptions: Options, disappearingOptions: Options): Animator? {
-        if (appearingOptions.topBar.animate.isFalse) return null
-        return animator.getPopAnimation(
-                disappearingOptions.animations.pop.topBar,
-                appearingOptions.topBar.visible
-        )
+        val topBarOptions = appearingOptions.topBar
+        val topBarAnimOptions = disappearingOptions.animations.pop.topBar
+
+        hasPendingColorAnim = false
+
+        mutableListOf(
+            getAppearancePopAnimation(topBarOptions, topBarAnimOptions),
+            getBkgColorAnimation(topBarOptions)?.apply {
+                hasPendingColorAnim = true
+
+                addListener(onEnd = {
+                    hasPendingColorAnim = false
+                })
+            },
+        ).filterNotNull().let {
+            return if (it.isNotEmpty()) {
+                AnimatorSet().apply { playTogether(it) }
+            } else {
+                null
+            }
+        }
     }
 
     fun getSetStackRootAnimation(appearingOptions: Options, additionalDy: Float = 0f): Animator? {
         if (appearingOptions.topBar.animate.isFalse) return null
-        return animator.getSetStackRootAnimation(
+        return appearAnimator.getSetStackRootAnimation(
                 appearingOptions.animations.setStackRoot.topBar,
                 appearingOptions.topBar.visible,
                 additionalDy
@@ -78,23 +133,23 @@ open class TopBarController(private val animator: TopBarAnimator = TopBarAnimato
     }
 
     fun show() {
-        if (ViewUtils.isVisible(view) || animator.isAnimatingShow()) return
+        if (ViewUtils.isVisible(view) || appearAnimator.isAnimatingShow()) return
         view.resetViewProperties()
         view.visibility = View.VISIBLE
     }
 
     fun showAnimate(options: AnimationOptions, additionalDy: Float) {
-        if (ViewUtils.isVisible(view) || animator.isAnimatingShow()) return
-        animator.show(options, additionalDy)
+        if (ViewUtils.isVisible(view) || appearAnimator.isAnimatingShow()) return
+        appearAnimator.show(options, additionalDy)
     }
 
     fun hide() {
-        if (!animator.isAnimatingHide()) view.visibility = View.GONE
+        if (!appearAnimator.isAnimatingHide()) view.visibility = View.GONE
     }
 
     fun hideAnimate(options: AnimationOptions, additionalDy: Float) {
-        if (!ViewUtils.isVisible(view) || animator.isAnimatingHide()) return
-        animator.hide(options, additionalDy)
+        if (!ViewUtils.isVisible(view) || appearAnimator.isAnimatingHide()) return
+        appearAnimator.hide(options, additionalDy)
     }
 
     fun setTitleComponent(component: TitleBarReactViewController) {
@@ -126,4 +181,44 @@ open class TopBarController(private val animator: TopBarAnimator = TopBarAnimato
         toRemove.forEach { view.removeLeftButton(it) }
         forEachIndexed(toAdd) { b: ButtonController, i: Int -> b.addToMenu(leftButtonBar, i * 10) }
     }
-}
+
+    protected open fun createTopBar(context: Context, stackLayout: StackLayout): TopBar {
+        return TopBar(context)
+    }
+
+    private fun getBkgColorAnimation(topBarOptions: TopBarOptions): Animator? {
+        val targetColor = topBarOptions.background.color
+
+        if (targetColor.hasValue()
+            && view.background is ColorDrawable
+            && RNNFeatureToggles.isEnabled(TOP_BAR_COLOR_ANIMATION)) {
+            return colorAnimator.getAnimation(
+                view,
+                (view.background as ColorDrawable).color,
+                targetColor.get()
+            )
+        }
+        return null
+    }
+
+    private fun getAppearancePushAnimation(topBarOptions: TopBarOptions, topBarAnimOptions: ViewAnimationOptions, additionalDy: Float) =
+        if (!topBarOptions.animate.isFalse) {
+            appearAnimator.getPushAnimation(
+                topBarAnimOptions,
+                topBarOptions.visible,
+                additionalDy,
+            )
+        } else {
+            null
+        }
+
+    private fun getAppearancePopAnimation(topBarOptions: TopBarOptions, topBarAnimOptions: ViewAnimationOptions) =
+        if (!topBarOptions.animate.isFalse) {
+            appearAnimator.getPopAnimation(
+                topBarAnimOptions,
+                topBarOptions.visible,
+            )
+        } else {
+            null
+        }
+}

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

@@ -1,5 +1,9 @@
 package com.reactnativenavigation.viewcontrollers.viewcontroller;
 
+import static com.reactnativenavigation.utils.StubAnimationListener.onAnimatorEnd;
+
+import android.animation.Animator;
+import android.animation.ValueAnimator;
 import android.app.Activity;
 import android.graphics.Color;
 import android.graphics.drawable.ColorDrawable;
@@ -10,6 +14,11 @@ import android.view.ViewGroup;
 import android.view.ViewGroup.MarginLayoutParams;
 import android.view.Window;
 
+import androidx.annotation.NonNull;
+
+import com.reactnativenavigation.RNNFeatureToggles;
+import com.reactnativenavigation.RNNToggles;
+import com.reactnativenavigation.options.AnimationOptions;
 import com.reactnativenavigation.options.NavigationBarOptions;
 import com.reactnativenavigation.options.Options;
 import com.reactnativenavigation.options.OrientationOptions;
@@ -17,18 +26,31 @@ 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.options.params.ThemeColour;
 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.stack.statusbar.StatusBarPresenter;
+import com.reactnativenavigation.views.animations.ColorAnimator;
 
-public class Presenter {
+import org.jetbrains.annotations.NotNull;
+import org.jetbrains.annotations.Nullable;
+
+public class Presenter implements StatusBarPresenter {
     private final Activity activity;
+    private final ColorAnimator colorAnimator;
+
     private Options defaultOptions;
+    private Boolean hasPendingColorAnim = false;
 
     public Presenter(Activity activity, Options defaultOptions) {
+        this(activity, defaultOptions, new ColorAnimator());
+    }
+
+    public Presenter(Activity activity, Options defaultOptions, ColorAnimator colorAnimator) {
         this.activity = activity;
+        this.colorAnimator = colorAnimator;
         this.defaultOptions = defaultOptions;
-
     }
 
     public void setDefaultOptions(Options defaultOptions) {
@@ -106,12 +128,56 @@ public class Presenter {
 
     private void applyStatusBarOptions(ViewController viewController, Options options) {
         StatusBarOptions statusBar = options.copy().withDefaultOptions(defaultOptions).statusBar;
-        setStatusBarBackgroundColor(statusBar);
+
+        if (!hasPendingColorAnim) {
+            setStatusBarBackgroundColor(statusBar);
+        }
         setTextColorScheme(statusBar);
         setTranslucent(statusBar);
         setStatusBarVisible(viewController, statusBar.visible);
     }
 
+    @Nullable
+    @Override
+    public Animator getStatusBarPushAnimation(@NotNull Options appearingOptions) {
+        StatusBarOptions statusBarOptions = appearingOptions.statusBar;
+        return getStatusBarColorAnimation(statusBarOptions);
+    }
+
+    @androidx.annotation.Nullable
+    @Override
+    public Animator getStatusBarPopAnimation(@NonNull Options appearingOptions, @NonNull Options disappearingOptions) {
+        StatusBarOptions statusBarOptions = appearingOptions.statusBar;
+        return getStatusBarColorAnimation(statusBarOptions);
+    }
+
+    private Animator getStatusBarColorAnimation(StatusBarOptions statusBarOptions) {
+        if (RNNFeatureToggles.isEnabled(RNNToggles.TOP_BAR_COLOR_ANIMATION)) {
+            ThemeColour targetColor = statusBarOptions.backgroundColor;
+
+            if (targetColor.hasValue()) {
+                boolean translucent = statusBarOptions.translucent.isTrue();
+                ValueAnimator animator = colorAnimator.getAnimation(
+                        getCurrentStatusBarBackgroundColor(),
+                        targetColor.get()
+                );
+
+                animator.addUpdateListener(animation ->
+                        setStatusBarBackgroundColor((int) animation.getAnimatedValue(), translucent));
+
+                animator.addListener(onAnimatorEnd(animation -> {
+                    hasPendingColorAnim = false;
+                    return null;
+                }));
+
+                hasPendingColorAnim = true;
+                return animator;
+            }
+        }
+        hasPendingColorAnim = false;
+        return null;
+    }
+
     private void setTranslucent(StatusBarOptions options) {
         Window window = activity.getWindow();
         if (options.translucent.isTrue()) {
@@ -133,11 +199,14 @@ public class Presenter {
     private void setStatusBarBackgroundColor(StatusBarOptions statusBar) {
         if (statusBar.backgroundColor.canApplyValue()) {
             final int statusBarBackgroundColor = getStatusBarBackgroundColor(statusBar);
-            SystemUiUtils.setStatusBarColor(activity.getWindow(), statusBarBackgroundColor,
-                    statusBar.translucent.isTrue());
+            setStatusBarBackgroundColor(statusBarBackgroundColor, statusBar.translucent.isTrue());
         }
     }
 
+    private void setStatusBarBackgroundColor(int color, Boolean translucent) {
+        SystemUiUtils.setStatusBarColor(activity.getWindow(), color, translucent);
+    }
+
     private boolean isDarkTextColorScheme(StatusBarOptions statusBar) {
         if (statusBar.textColorScheme == TextColorScheme.Dark) {
             return true;
@@ -153,6 +222,10 @@ public class Presenter {
         return statusBar.backgroundColor.get(defaultColor);
     }
 
+    private int getCurrentStatusBarBackgroundColor() {
+        return SystemUiUtils.getStatusBarColor(activity.getWindow());
+    }
+
     private void setTextColorScheme(StatusBarOptions statusBar) {
         final View view = activity.getWindow().getDecorView();
         //View.post is a Workaround, added to solve internal Samsung 

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

@@ -27,6 +27,7 @@ import com.reactnativenavigation.utils.UiThread;
 import com.reactnativenavigation.utils.UiUtils;
 import com.reactnativenavigation.viewcontrollers.parent.ParentController;
 import com.reactnativenavigation.viewcontrollers.stack.StackController;
+import com.reactnativenavigation.viewcontrollers.stack.statusbar.StatusBarController;
 import com.reactnativenavigation.viewcontrollers.viewcontroller.overlay.ViewControllerOverlay;
 import com.reactnativenavigation.views.BehaviourAdapter;
 import com.reactnativenavigation.views.component.Component;
@@ -91,6 +92,10 @@ public abstract class ViewController<T extends ViewGroup> implements ViewTreeObs
         options = initialOptions.copy();
     }
 
+    public StatusBarController getStatusBarController() {
+        return null;
+    }
+
     public void setWaitForRender(Bool waitForRender) {
         this.waitForRender = waitForRender;
     }

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
+        }
+    }

package/lib/dist/src/commands/OptionsProcessor.js

@@ -68,7 +68,7 @@ class OptionsProcessor {
         return path;
     }
     processColor(key, value, options) {
-        if ((0, isEqual_1.default)(key, 'color') || (0, endsWith_1.default)(key, 'Color')) {
+        if (((0, isEqual_1.default)(key, 'color') || (0, endsWith_1.default)(key, 'Color')) && !(0, isEqual_1.default)(key, 'bkgColor')) {
             if (react_native_1.Platform.OS === 'ios')
                 this.processColorIOS(key, value, options);
             else
@@ -313,6 +313,13 @@ class OptionsProcessor {
                 enter: animation.topBar,
             };
         }
+        if (animation.statusBar &&
+            !(0, has_1.default)(animation, 'statusBar.enter') &&
+            !(0, has_1.default)(animation, 'statusBar.exit')) {
+            parentOptions.push.statusBar = {
+                enter: animation.statusBar,
+            };
+        }
         if (animation.bottomTabs &&
             !(0, has_1.default)(animation, 'bottomTabs.enter') &&
             !(0, has_1.default)(animation, 'bottomTabs.exit')) {

package/lib/dist/src/interfaces/Options.d.ts

@@ -1166,12 +1166,34 @@ export interface IconInsets {
      */
     right?: number;
 }
+export interface ColorAnimationOptions {
+    /**
+     * Color duration time; Default is as determined by the OS
+     */
+    duration?: number;
+}
 export interface ViewAnimationOptions extends ScreenAnimationOptions {
     /**
      * ID of the Top Bar we want to animate
      */
     id?: string;
 }
+export interface TopBarAnimationOptions extends ViewAnimationOptions {
+    /**
+     * Animation of the top-bar's background color, in case the top-bar background color
+     * has been explicitly specified.
+     *
+     * Applicable only in transition of screens with color (non-component) backgrounds.
+     */
+    bkgColor?: ColorAnimationOptions;
+}
+export interface StatusBarAnimationOptions extends ViewAnimationOptions {
+    /**
+     * Animation of the status-bar's background color, in case its background color
+     * has been explicitly specified.
+     */
+    bkgColor?: ColorAnimationOptions;
+}
 export interface EnterExitAnimationOptions {
     /**
      * Animate opening component
@@ -1226,9 +1248,17 @@ export interface StackAnimationOptions {
     /**
      * Configure animations for the top bar
      */
-    topBar?: ViewAnimationOptions | {
-        enter?: ViewAnimationOptions;
-        exit?: ViewAnimationOptions;
+    topBar?: TopBarAnimationOptions | {
+        enter?: TopBarAnimationOptions;
+        exit?: TopBarAnimationOptions;
+    };
+    /**
+     * Configure animations for the status bar (typically aligned
+     * with the top-bar's)
+     */
+    statusBar?: StatusBarAnimationOptions | {
+        enter?: StatusBarAnimationOptions;
+        exit?: StatusBarAnimationOptions;
     };
     /**
      * Configure animations for the bottom tabs

package/lib/ios/BottomTabsBasePresenter.m

@@ -1,7 +1,7 @@
 #import "BottomTabsBasePresenter.h"
 #import "RNNBottomTabsController.h"
-#import "UIImage+utils.h"
 #import "RNNConvert.h"
+#import "UIImage+utils.h"
 
 @implementation BottomTabsBasePresenter
 

package/lib/ios/RNNConvert.h

@@ -9,5 +9,4 @@
 
 + (UIBarStyle)UIBarStyle:(id)json;
 
-
 @end

package/lib/ios/RNNConvert.m

@@ -32,13 +32,8 @@ RCT_ENUM_CONVERTER(UIModalPresentationStyle, (@{
                    }),
                    UIModalPresentationFullScreen, integerValue)
 
-RCT_ENUM_CONVERTER(
-    UIBarStyle,
-    (@{
-      @"default" : @(UIBarStyleDefault),
-      @"black" : @(UIBarStyleBlack)
-    }),
-    UIBarStyleDefault,
-    integerValue)
+RCT_ENUM_CONVERTER(UIBarStyle,
+                   (@{@"default" : @(UIBarStyleDefault), @"black" : @(UIBarStyleBlack)}),
+                   UIBarStyleDefault, integerValue)
 
 @end

package/lib/ios/RNNStackPresenter.m

@@ -1,11 +1,11 @@
 #import "RNNStackPresenter.h"
 #import "InteractivePopGestureDelegate.h"
+#import "RNNConvert.h"
 #import "RNNCustomTitleView.h"
 #import "RNNReactBackgroundView.h"
 #import "RNNStackController.h"
 #import "TopBarPresenterCreator.h"
 #import "UINavigationController+RNNOptions.h"
-#import "RNNConvert.h"
 
 @interface RNNStackPresenter () {
     RNNReactComponentRegistry *_componentRegistry;

package/lib/src/commands/OptionsProcessor.ts

@@ -20,6 +20,8 @@ import {
   OptionsSearchBar,
   OptionsTopBar,
   StackAnimationOptions,
+  StatusBarAnimationOptions,
+  TopBarAnimationOptions,
   ViewAnimationOptions,
 } from '../interfaces/Options';
 import { Deprecations } from './Deprecations';
@@ -117,7 +119,7 @@ export class OptionsProcessor {
   }
 
   private processColor(key: string, value: any, options: Record<string, any>) {
-    if (isEqual(key, 'color') || endsWith(key, 'Color')) {
+    if ((isEqual(key, 'color') || endsWith(key, 'Color')) && !isEqual(key, 'bkgColor')) {
       if (Platform.OS === 'ios') this.processColorIOS(key, value, options);
       else this.processColorAndroid(key, value, options);
     }
@@ -399,7 +401,16 @@ export class OptionsProcessor {
     }
     if (animation.topBar && !has(animation, 'topBar.enter') && !has(animation, 'topBar.exit')) {
       parentOptions.push!!.topBar = {
-        enter: animation.topBar as ViewAnimationOptions,
+        enter: animation.topBar as TopBarAnimationOptions,
+      };
+    }
+    if (
+      animation.statusBar &&
+      !has(animation, 'statusBar.enter') &&
+      !has(animation, 'statusBar.exit')
+    ) {
+      parentOptions.push!!.statusBar = {
+        enter: animation.statusBar as StatusBarAnimationOptions,
       };
     }
     if (