screen Background Color iOS (#1631)

lib/ios/RNNControllerFactory.m

@@ -118,7 +118,6 @@
 		UIViewController *vc = [self fromTree:child];
 		[childrenVCs addObject:vc];
 	}
-	
 	RNNSideMenuController *sideMenu = [[RNNSideMenuController alloc] initWithControllers:childrenVCs];
 	return sideMenu;
 }

lib/ios/RNNNavigationOptions.h

@@ -7,6 +7,7 @@
 @property (nonatomic, strong) NSNumber* topBarTextColor;
 @property (nonatomic, strong) NSNumber* statusBarHidden;
 @property (nonatomic, strong) NSString* title;
+@property (nonatomic, strong) NSNumber* screenBackgroundColor;
 @property (nonatomic, strong) NSString* setTabBadge;
 
 -(instancetype)init;

lib/ios/RNNNavigationOptions.m

@@ -9,13 +9,13 @@
 }
 
 -(instancetype)initWithDict:(NSDictionary *)navigationOptions {
-	if(self = [super init]) {
-		self.topBarBackgroundColor = [navigationOptions objectForKey:@"topBarBackgroundColor"];
-		self.statusBarHidden = [navigationOptions objectForKey:@"statusBarHidden"];
-		self.title = [navigationOptions objectForKey:@"title"];
-		self.topBarTextColor = [navigationOptions objectForKey:@"topBarTextColor"];
-		self.setTabBadge = [navigationOptions objectForKey:@"setTabBadge"];
-	}
+	self = [super init];
+	self.topBarBackgroundColor = [navigationOptions objectForKey:@"topBarBackgroundColor"];
+	self.statusBarHidden = [navigationOptions objectForKey:@"statusBarHidden"];
+	self.title = [navigationOptions objectForKey:@"title"];
+	self.topBarTextColor = [navigationOptions objectForKey:@"topBarTextColor"];
+	self.screenBackgroundColor = [navigationOptions objectForKey:@"screenBackgroundColor"];
+	self.setTabBadge = [navigationOptions objectForKey:@"setTabBadge"];
 	return self;
 }
 
@@ -25,10 +25,12 @@
 	}
 }
 
--(void)applyOn:(UIViewController*)viewController{
+-(void)applyOn:(UIViewController*)viewController {
 	if (self.topBarBackgroundColor) {
 		UIColor* backgroundColor = [RCTConvert UIColor:self.topBarBackgroundColor];
 		viewController.navigationController.navigationBar.barTintColor = backgroundColor;
+	} else {
+		viewController.navigationController.navigationBar.barTintColor = nil;
 	}
 	if (self.title) {
 		viewController.navigationItem.title = self.title;
@@ -37,12 +39,15 @@
 		UIColor* textColor = [RCTConvert UIColor:self.topBarTextColor];
 		viewController.navigationController.navigationBar.titleTextAttributes = @{NSForegroundColorAttributeName:textColor};
 	}
+	if (self.screenBackgroundColor) {
+		UIColor* screenColor = [RCTConvert UIColor:self.screenBackgroundColor];
+		viewController.view.backgroundColor = screenColor;
+  }
 	if (self.setTabBadge) {
 		NSString *badge = [RCTConvert NSString:self.setTabBadge];
 		if (viewController.navigationController) {
 			viewController.navigationController.tabBarItem.badgeValue = badge;
-		}
-		else {
+    } else {
 			viewController.tabBarItem.badgeValue = badge;
 		}
 	}

lib/ios/ReactNativeNavigationTests/RNNRootViewControllerTest.m

@@ -92,5 +92,14 @@
 	XCTAssertTrue([self.uut.navigationController.navigationBar.titleTextAttributes[@"NSColor"] isEqual:expectedColor]);
 }
 
+-(void)testScreenBackgroundColor_validColor{
+	NSNumber* inputColor = @(0xFFFF0000);
+	self.options.screenBackgroundColor = inputColor;
+	[self.uut viewWillAppear:false];
+	UIColor* expectedColor = [UIColor colorWithRed:1 green:0 blue:0 alpha:1];
+	XCTAssertTrue([self.uut.view.backgroundColor isEqual:expectedColor]);
+}
+
+
 
 @end

playground/src/containers/OptionsScreen.js

@@ -12,8 +12,7 @@ import Navigation from 'react-native-navigation';
 class OptionsScreen extends Component {
   static navigationOptions = {
     title: 'Static Title',
-    topBarBackgroundColor: "red",
-    statusBarHidden: true
+    topBarBackgroundColor: "red"
   }
 
   constructor(props) {
@@ -44,8 +43,7 @@ const styles = {
   root: {
     flexGrow: 1,
     justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#f5fcff'
+    alignItems: 'center'
   },
   h1: {
     fontSize: 24,

playground/src/containers/WelcomeScreen.js

@@ -138,8 +138,7 @@ const styles = {
   root: {
     flexGrow: 1,
     justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#f5fcff'
+    alignItems: 'center'
   },
   h1: {
     fontSize: 24,