setStyle to style the according TabBar (#2224)

setTabButton -> has now the property 'label' to change the label of the TabButton

iOS update style-update rutine to update each viewcontroller in a NavigationViewController
tabButtonColor improvement

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

@@ -229,6 +229,8 @@ public class BottomTabsLayout extends BaseLayout implements AHBottomNavigation.O
         for (int i = 0; i < bottomTabs.getItemsCount(); i++) {
             screenStacks[i].updateScreenStyle(screenInstanceId, styleParams);
         }
+
+        bottomTabs.updateTabStyle(styleParams);
     }
 
     @Override

android/app/src/main/java/com/reactnativenavigation/params/parsers/StyleParamsParser.java

@@ -126,6 +126,14 @@ public class StyleParamsParser {
         result.titleBarButtonFontFamily = new StyleParams.Font();
         result.titleBarHeight = -1;
         result.screenAnimationType = "slide-up";
+
+        result.bottomTabsColor = getDefaultBottomTabsColor();
+        result.bottomTabsButtonColor = getDefaultBottomTabsButtonColor();
+        result.selectedBottomTabsButtonColor = getDefaultSelectedBottomTabsButtonColor();
+
+        result.bottomTabBadgeTextColor = getBottomTabBadgeTextColor();
+        result.bottomTabBadgeBackgroundColor = getBottomTabBadgeBackgroundColor();
+
         return result;
     }
 

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

@@ -2,6 +2,7 @@ package com.reactnativenavigation.views;
 
 import android.content.Context;
 import android.graphics.Color;
+import android.os.Bundle;
 import android.text.TextUtils;
 
 import com.aurelhubert.ahbottomnavigation.AHBottomNavigation;
@@ -10,6 +11,7 @@ import com.reactnativenavigation.animation.VisibilityAnimator;
 import com.reactnativenavigation.params.AppStyle;
 import com.reactnativenavigation.params.ScreenParams;
 import com.reactnativenavigation.params.StyleParams;
+import com.reactnativenavigation.params.parsers.StyleParamsParser;
 import com.reactnativenavigation.utils.ViewUtils;
 import com.reactnativenavigation.views.utils.Constants;
 
@@ -24,7 +26,7 @@ public class BottomTabs extends AHBottomNavigation {
         setForceTint(true);
         setId(ViewUtils.generateViewId());
         createVisibilityAnimator();
-        setStyle();
+        setStyle(AppStyle.appStyle);
         setFontFamily();
     }
 
@@ -38,20 +40,13 @@ public class BottomTabs extends AHBottomNavigation {
         setTitlesDisplayState();
     }
 
+    public void updateTabStyle(Bundle styleParams) {
+        StyleParams parsedStyleParams = new StyleParamsParser(styleParams).parse();
+        this.setStyleFromScreen(parsedStyleParams);
+    }
+
     public void setStyleFromScreen(StyleParams params) {
-        if (params.bottomTabsColor.hasColor()) {
-            setBackgroundColor(params.bottomTabsColor);
-        }
-        if (params.bottomTabsButtonColor.hasColor()) {
-            if (getInactiveColor() != params.bottomTabsButtonColor.getColor()) {
-                setInactiveColor(params.bottomTabsButtonColor.getColor());
-            }
-        }
-        if (params.selectedBottomTabsButtonColor.hasColor()) {
-            if (getAccentColor() != params.selectedBottomTabsButtonColor.getColor()) {
-                setAccentColor(params.selectedBottomTabsButtonColor.getColor());
-            }
-        }
+        this.setStyle(params);
 
         setVisibility(params.bottomTabsHidden, true);
     }
@@ -132,23 +127,27 @@ public class BottomTabs extends AHBottomNavigation {
                 Constants.BOTTOM_TABS_HEIGHT);
     }
 
-    private void setStyle() {
-        if (hasBadgeBackgroundColor()) {
+    private void setStyle(StyleParams params) {
+        if (params.bottomTabBadgeBackgroundColor.hasColor()) {
             setNotificationBackgroundColor(AppStyle.appStyle.bottomTabBadgeBackgroundColor.getColor());
         }
-        if (hasBadgeTextColor()) {
+        if (params.bottomTabBadgeTextColor.hasColor()) {
             setNotificationTextColor(AppStyle.appStyle.bottomTabBadgeTextColor.getColor());
         }
-    }
 
-    private boolean hasBadgeTextColor() {
-        return AppStyle.appStyle.bottomTabBadgeTextColor != null &&
-               AppStyle.appStyle.bottomTabBadgeTextColor.hasColor();
-    }
-
-    private boolean hasBadgeBackgroundColor() {
-        return AppStyle.appStyle.bottomTabBadgeBackgroundColor != null &&
-               AppStyle.appStyle.bottomTabBadgeBackgroundColor.hasColor();
+        if (params.bottomTabsColor.hasColor()) {
+            setBackgroundColor(params.bottomTabsColor);
+        }
+        if (params.bottomTabsButtonColor.hasColor()) {
+            if (getInactiveColor() != params.bottomTabsButtonColor.getColor()) {
+                setInactiveColor(params.bottomTabsButtonColor.getColor());
+            }
+        }
+        if (params.selectedBottomTabsButtonColor.hasColor()) {
+            if (getAccentColor() != params.selectedBottomTabsButtonColor.getColor()) {
+                setAccentColor(params.selectedBottomTabsButtonColor.getColor());
+            }
+        }
     }
 
     private void setFontFamily() {

ios/RCCNavigationController.m

@@ -337,23 +337,23 @@ NSString const *CALLBACK_ASSOCIATED_ID = @"RCCNavigationController.CALLBACK_ASSO
   // setStyle
   if ([performAction isEqualToString:@"setStyle"])
   {
-    
-    NSDictionary *navigatorStyle = actionParams;
-    
-    // merge the navigatorStyle of our parent
-    if ([self.topViewController isKindOfClass:[RCCViewController class]])
-    {
-      RCCViewController *parent = (RCCViewController*)self.topViewController;
-      NSMutableDictionary *mergedStyle = [NSMutableDictionary dictionaryWithDictionary:parent.navigatorStyle];
-      
-      // there are a few styles that we don't want to remember from our parent (they should be local)
-      [mergedStyle setValuesForKeysWithDictionary:navigatorStyle];
-      navigatorStyle = mergedStyle;
-      
-      parent.navigatorStyle = navigatorStyle;
-      
-      [parent setStyleOnInit];
-      [parent updateStyle];
+    for (UIViewController *viewController in self.viewControllers) {
+      if ([viewController isKindOfClass:[RCCViewController class]])
+      {
+        RCCViewController *rccViewController = (RCCViewController*)viewController;
+        
+        NSDictionary *navigatorStyle = [[NSDictionary alloc] initWithDictionary:actionParams copyItems:YES];
+        NSMutableDictionary *mergedStyle = [NSMutableDictionary dictionaryWithDictionary:rccViewController.navigatorStyle];
+        
+        // there are a few styles that we don't want to remember from our parent (they should be local)
+        [mergedStyle setValuesForKeysWithDictionary:navigatorStyle];
+        navigatorStyle = mergedStyle;
+        
+        rccViewController.navigatorStyle = navigatorStyle;
+        
+        [rccViewController setStyleOnInit];
+        [rccViewController updateStyle];
+      }
     }
   }
 }

ios/RCCTabBarController.h

@@ -5,5 +5,6 @@
 
 - (instancetype)initWithProps:(NSDictionary *)props children:(NSArray *)children globalProps:(NSDictionary*)globalProps bridge:(RCTBridge *)bridge;
 - (void)performAction:(NSString*)performAction actionParams:(NSDictionary*)actionParams bridge:(RCTBridge *)bridge completion:(void (^)(void))completion;
++ (UIImage *)image:(UIImage*)image withColor:(UIColor *)color1;
 
 @end

ios/RCCTabBarController.m

@@ -55,7 +55,7 @@
   return YES;
 }
 
-- (UIImage *)image:(UIImage*)image withColor:(UIColor *)color1
++ (UIImage *)image:(UIImage*)image withColor:(UIColor *)color1
 {
   UIGraphicsBeginImageContextWithOptions(image.size, NO, image.scale);
   CGContextRef context = UIGraphicsGetCurrentContext();
@@ -159,7 +159,7 @@
       iconImage = [RCTConvert UIImage:icon];
       if (buttonColor)
       {
-        iconImage = [[self image:iconImage withColor:buttonColor] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
+        iconImage = [[RCCTabBarController image:iconImage withColor:buttonColor] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
       }
     }
     UIImage *iconImageSelected = nil;
@@ -327,7 +327,7 @@
       if (icon && icon != (id)[NSNull null])
       {
         iconImage = [RCTConvert UIImage:icon];
-        iconImage = [[self image:iconImage withColor:self.tabBar.tintColor] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
+        iconImage = [[RCCTabBarController image:iconImage withColor:self.tabBar.tintColor] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
         viewController.tabBarItem.image = iconImage;
       }
       

ios/RCCViewController.m

@@ -484,11 +484,95 @@ const NSInteger TRANSPARENT_NAVBAR_TAG = 78264803;
     [viewController setNeedsStatusBarAppearanceUpdate];
   }
   
-  NSNumber *tabBarHidden = self.navigatorStyle[@"tabBarHidden"];
-  BOOL tabBarHiddenBool = tabBarHidden ? [tabBarHidden boolValue] : NO;
-  if (tabBarHiddenBool) {
+  if (viewController.tabBarController && viewController.tabBarController.tabBar != (id)[NSNull null]) {
     UITabBar *tabBar = viewController.tabBarController.tabBar;
-    tabBar.transform = CGAffineTransformMakeTranslation(0, tabBar.frame.size.height);
+    
+    if (tabBar && tabBar != (id)[NSNull null]) {
+      UIColor *buttonColor = nil;
+      UIColor *selectedButtonColor = nil;
+      UIColor *labelColor = nil;
+      UIColor *selectedLabelColor = nil;
+      
+      NSNumber *tabBarHidden = self.navigatorStyle[@"tabBarHidden"];
+      BOOL tabBarHiddenBool = tabBarHidden ? [tabBarHidden boolValue] : NO;
+      if (tabBarHiddenBool) {
+        tabBar.transform = CGAffineTransformMakeTranslation(0, tabBar.frame.size.height);
+      }
+      
+      NSString *tabBarButtonColor = self.navigatorStyle[@"tabBarButtonColor"];
+      NSString *tabBarSelectedButtonColor = self.navigatorStyle[@"tabBarSelectedButtonColor"];
+      
+      if (tabBarButtonColor)
+      {
+        buttonColor = tabBarButtonColor != (id)[NSNull null] ? [RCTConvert UIColor:tabBarButtonColor] : nil;
+        
+        if (tabBarSelectedButtonColor) {
+          selectedButtonColor = tabBarSelectedButtonColor != (id)[NSNull null] ? [RCTConvert UIColor:tabBarSelectedButtonColor] : nil;
+          
+          tabBar.tintColor = selectedLabelColor = selectedButtonColor;
+          tabBar.unselectedItemTintColor = labelColor = buttonColor;
+        }
+        else {
+          tabBar.tintColor = labelColor = buttonColor;
+        }
+      }
+      else if (tabBarSelectedButtonColor) {
+        selectedButtonColor = tabBarSelectedButtonColor != (id)[NSNull null] ? [RCTConvert UIColor:tabBarSelectedButtonColor] : nil;
+        tabBar.tintColor = selectedLabelColor = selectedButtonColor;
+      }
+      
+      NSString *tabBarLabelColor = self.navigatorStyle[@"tabBarLabelColor"];
+      if(tabBarLabelColor) {
+        UIColor *color = tabBarLabelColor != (id)[NSNull null] ? [RCTConvert UIColor:tabBarLabelColor] : nil;
+        labelColor = color;
+      }
+      NSString *tabBarSelectedLabelColor = self.navigatorStyle[@"tabBarSelectedLabelColor"];
+      if(tabBarLabelColor) {
+        UIColor *color = tabBarSelectedLabelColor != (id)[NSNull null] ? [RCTConvert UIColor:tabBarSelectedLabelColor] : nil;
+        selectedLabelColor = color;
+      }
+      
+      NSString *tabBarBackgroundColor = self.navigatorStyle[@"tabBarBackgroundColor"];
+      if (tabBarBackgroundColor)
+      {
+        UIColor *color = tabBarBackgroundColor != (id)[NSNull null] ? [RCTConvert UIColor:tabBarBackgroundColor] : nil;
+        tabBar.barTintColor = color;
+      }
+      
+      NSNumber *tabBarTranslucent = self.navigatorStyle[@"tabBarTranslucent"];
+      if (tabBarTranslucent)
+      {
+        BOOL tabBarTranslucentBool = tabBarTranslucent ? [tabBarTranslucent boolValue] : NO;
+        tabBar.translucent = tabBarTranslucentBool;
+      }
+      
+      NSNumber *tabBarHideShadow = self.navigatorStyle[@"tabBarHideShadow"];
+      if (tabBarHideShadow)
+      {
+        BOOL tabBarHideShadowBool = tabBarHideShadow ? [tabBarHideShadow boolValue] : NO;
+        tabBar.clipsToBounds = tabBarHideShadowBool ? YES : NO;
+      }
+      
+      for (UIViewController *tabViewController in [viewController.tabBarController viewControllers]) {
+        NSMutableDictionary *unselectedAttributes = [RCTHelpers textAttributesFromDictionary:self.navigatorStyle withPrefix:@"tabBarText" baseFont:[UIFont systemFontOfSize:10]];
+        if (!unselectedAttributes[NSForegroundColorAttributeName] && labelColor) {
+          unselectedAttributes[NSForegroundColorAttributeName] = labelColor;
+        }
+        [tabViewController.tabBarItem setTitleTextAttributes:unselectedAttributes forState:UIControlStateNormal];
+        
+        
+        NSMutableDictionary *selectedAttributes = [RCTHelpers textAttributesFromDictionary:self.navigatorStyle withPrefix:@"tabBarSelectedText" baseFont:[UIFont systemFontOfSize:10]];
+        if (!selectedAttributes[NSForegroundColorAttributeName] && selectedLabelColor) {
+          selectedAttributes[NSForegroundColorAttributeName] = selectedLabelColor;
+        }
+        [tabViewController.tabBarItem setTitleTextAttributes:selectedAttributes forState:UIControlStateSelected];
+        
+        if (buttonColor)
+        {
+          tabViewController.tabBarItem.image = [[RCCTabBarController image:tabViewController.tabBarItem.image withColor:buttonColor] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
+        }
+      }
+    }
   }
 
   NSNumber *navBarHidden = self.navigatorStyle[@"navBarHidden"];