customize tab badge color (#1932)

docs/screen-api.md

@@ -219,7 +219,8 @@ Set the badge on a tab (any string or numeric value).
 ```js
 this.props.navigator.setTabBadge({
   tabIndex: 0, // (optional) if missing, the badge will be added to this screen's tab
-  badge: 17 // badge value, null to remove badge
+  badge: 17, // badge value, null to remove badge
+  badgeColor: '#006400', // (optional) if missing, the badge will use the default color
 });
 ```
 ## setTabButton(params = {})

ios/RCCTabBarController.m

@@ -263,6 +263,9 @@
       }
       else
       {
+        NSString *badgeColor = actionParams[@"badgeColor"];
+        UIColor *color = badgeColor != (id)[NSNull null] ? [RCTConvert UIColor:badgeColor] : nil;
+        viewController.tabBarItem.badgeColor = color;
         viewController.tabBarItem.badgeValue = [NSString stringWithFormat:@"%@", badge];
       }
     }

src/deprecated/controllers/index.js

@@ -244,6 +244,7 @@ var Controllers = {
         return RCCManager.TabBarControllerIOS(id, "setTabBarHidden", params);
       },
       setBadge: function (params) {
+        _processProperties(params);
         return RCCManager.TabBarControllerIOS(id, "setBadge", params);
       },
       switchTo: function (params) {

src/deprecated/platformSpecificDeprecated.ios.js

@@ -384,7 +384,8 @@ function navigatorSetTabBadge(navigator, params) {
   if (params.tabIndex || params.tabIndex === 0) {
     Controllers.TabBarControllerIOS(controllerID + '_tabs').setBadge({
       tabIndex: params.tabIndex,
-      badge: params.badge
+      badge: params.badge,
+      badgeColor: params.badgeColor
     });
   } else {
     Controllers.TabBarControllerIOS(controllerID + '_tabs').setBadge({