basic support titleBarTextColor

e2e/ScreenStyle.test.js

@@ -0,0 +1,27 @@
+const Utils = require('./Utils');
+const elementByLabel = Utils.elementByLabel;
+
+describe('screen style', () => {
+  beforeEach(async () => {
+    await device.relaunchApp();
+  });
+
+  it('declare a navigationOptions on container component', async () => {
+    await elementByLabel('Push Options Screen').tap();
+    await expect(element(by.label('Static Title').and(by.type('UILabel')))).toBeVisible();
+  });
+
+  it('change title on container component', async () => {
+    await elementByLabel('Push Options Screen').tap();
+    await expect(element(by.label('Static Title').and(by.type('UILabel')))).toBeVisible();
+    await elementByLabel('Dynamic Options').tap();
+    await expect(element(by.label('Dynamic Title').and(by.type('UILabel')))).toBeVisible();
+  });
+
+  it('set dynamic options with valid options will do something and not crash', async () => {
+    // we have no way of testing individual styles for the screen
+    await elementByLabel('Push Options Screen').tap();
+    await elementByLabel('Dynamic Options').tap();
+    await expect(element(by.label('Options Screen'))).toBeVisible();
+  });
+});

e2e/ScreenStyleDynamic.test.js

@@ -1,15 +0,0 @@
-const Utils = require('./Utils');
-const elementByLabel = Utils.elementByLabel;
-
-describe('screen style - dynamic', () => {
-  beforeEach(async () => {
-    await device.relaunchApp();
-  });
-
-  it('change title on container component', async () => {
-    await elementByLabel('Push Options Screen').tap();
-    await expect(element(by.label('Static Title').and(by.type('UILabel')))).toBeVisible();
-    await elementByLabel('Dynamic Options').tap();
-    await expect(element(by.label('Dynamic Title').and(by.type('UILabel')))).toBeVisible();
-  });
-});

e2e/ScreenStyleStatic.test.js

@@ -1,13 +0,0 @@
-const Utils = require('./Utils');
-const elementByLabel = Utils.elementByLabel;
-
-describe('screen style - static', () => {
-  beforeEach(async () => {
-    await device.relaunchApp();
-  });
-
-  it('declare a navigationOptions on container component', async () => {
-    await elementByLabel('Push Options Screen').tap();
-    await expect(element(by.label('Static Title').and(by.type('UILabel')))).toBeVisible();
-  });
-});

lib/ios/RNNCommandsHandler.m

@@ -35,7 +35,20 @@
 
 -(void) setOptions:(NSString*)containerId options:(NSDictionary*)options {
 	[self assertReady];
-	[[_store findContainerForId:containerId] setTitle:options[@"title"]];
+	UIViewController* vc = [_store findContainerForId:containerId];
+	
+	NSString* title = options[@"title"];
+	NSString* topBarTextColor = options[@"topBarTextColor"];
+	
+	[vc setTitle:title];
+	
+	int rgb = [[topBarTextColor substringFromIndex:1] intValue];
+	UIColor* color = [UIColor colorWithRed:((float)((rgb & 0xFF0000) >> 16))/255.0 \
+									 green:((float)((rgb & 0x00FF00) >>  8))/255.0 \
+									  blue:((float)((rgb & 0x0000FF) >>  0))/255.0 \
+									 alpha:1.0];
+	vc.navigationController.navigationBar.titleTextAttributes = @{NSForegroundColorAttributeName: color};
+	
 }
 
 -(void) push:(NSString*)containerId layout:(NSDictionary*)layout {

playground/src/containers/OptionsScreen.js

@@ -31,7 +31,8 @@ class OptionsScreen extends Component {
 
   onClickDynamicOptions() {
     Navigation.setOptions(this.props.containerId, {
-      title: 'Dynamic Title'
+      title: 'Dynamic Title',
+      topBarTextColor: '#123456'
     });
   }
 }