add setTabBadge functionality

README.md

@@ -103,7 +103,7 @@ Note:  v1 properties with names beginning with 'navBar' are replaced in v2 with
 | title            |   ✅     |        	✅    | 	✅|
 | toggleDrawer        |   ✅     |        [Contribute](CONTRIBUTING.md)   | [Contribute](CONTRIBUTING.md) |
 | toggleTabs          |   ✅     |       in development    | in development|
-| setTabBadge         |    ✅    |       [Contribute](CONTRIBUTING.md)     | [Contribute](CONTRIBUTING.md)|
+| setTabBadge         |    ✅    |       ✅    | [Contribute](CONTRIBUTING.md)|
 | switchToTab         |    ✅    |      in development    |[Contribute](CONTRIBUTING.md) |
 | toggleNavBar        |   ✅     |      [Contribute](CONTRIBUTING.md)      | [Contribute](CONTRIBUTING.md)|
 

lib/ios/RNNNavigationOptions.h

@@ -3,10 +3,11 @@
 
 @interface RNNNavigationOptions : NSObject
 
-@property (nonatomic, strong) NSNumber* topBarBackgroundColor;
-@property (nonatomic, strong) NSNumber* topBarTextColor;
-@property (nonatomic, strong) NSNumber* statusBarHidden;
-@property (nonatomic, strong) NSString* title;
+@property (nonatomic, strong, readonly) NSNumber* topBarBackgroundColor;
+@property (nonatomic, strong, readonly) NSNumber* topBarTextColor;
+@property (nonatomic, strong, readonly) NSNumber* statusBarHidden;
+@property (nonatomic, strong, readonly) NSString* title;
+@property (nonatomic, strong, readonly) NSString* setTabBadge;
 
 -(instancetype)init;
 -(instancetype)initWithDict:(NSDictionary *)navigationOptions;

lib/ios/RNNNavigationOptions.m

@@ -1,6 +1,19 @@
 #import "RNNNavigationOptions.h"
 #import <React/RCTConvert.h>
 
+
+
+@interface RNNNavigationOptions ()
+
+@property (nonatomic, strong, readwrite) NSNumber* topBarBackgroundColor;
+@property (nonatomic, strong, readwrite) NSNumber* topBarTextColor;
+@property (nonatomic, strong, readwrite) NSNumber* statusBarHidden;
+@property (nonatomic, strong, readwrite) NSString* title;
+@property (nonatomic, strong, readwrite) NSString* setTabBadge;
+
+
+@end
+
 @implementation RNNNavigationOptions
 
 -(instancetype)init {
@@ -13,6 +26,7 @@
 		self.statusBarHidden = [navigationOptions objectForKey:@"statusBarHidden"];
 		self.title = [navigationOptions objectForKey:@"title"];
 		self.topBarTextColor = [navigationOptions objectForKey:@"topBarTextColor"];
+		self.setTabBadge = [navigationOptions objectForKey:@"setTabBadge"];
 	}
 	return self;
 }
@@ -35,6 +49,15 @@
 		UIColor* textColor = [RCTConvert UIColor:self.topBarTextColor];
 		viewController.navigationController.navigationBar.titleTextAttributes = @{NSForegroundColorAttributeName:textColor};
 	}
+	if (self.setTabBadge) {
+		NSString *badge = [RCTConvert NSString:self.setTabBadge];
+		if (viewController.navigationController) {
+			viewController.navigationController.tabBarItem.badgeValue = badge;
+		}
+		else {
+			viewController.tabBarItem.badgeValue = badge;
+		}
+	}
 }
 
 

playground/src/containers/TextScreen.js

@@ -1,9 +1,12 @@
+import _ from 'lodash/math';
 import React, { Component } from 'react';
 import {
   StyleSheet,
   View,
-  Text
+  Text,
+  Button
 } from 'react-native';
+import Navigation from 'react-native-navigation';
 
 class TextScreen extends Component {
   render() {
@@ -12,6 +15,7 @@ class TextScreen extends Component {
         <Text style={styles.h1}>{this.props.text || 'Text Screen'}</Text>
         {this.renderTextFromFunctionInProps()}
         <Text style={styles.footer}>{`this.props.containerId = ${this.props.containerId}`}</Text>
+        <Button title={"setTabBadge"} onPress={() => this.onButtonPress()}/>
       </View>
     );
   }
@@ -24,6 +28,12 @@ class TextScreen extends Component {
       <Text style={styles.h1}>{this.props.myFunction()}</Text>
     );
   }
+
+  onButtonPress() {
+    Navigation.setOptions(this.props.containerId, {
+      setTabBadge: `${_.floor(Math.random() * 10)}`
+    });
+  }
 }
 
 const styles = {