Merge pull request #283 from wix/subtitle_support

add subtitle support to navigation bar

example/src/app.js

@@ -17,6 +17,7 @@ Navigation.startSingleScreenApp({
     navigatorStyle: {
       navBarBackgroundColor: '#4dbce9',
       navBarTextColor: '#ffff00',
+      navBarSubtitleTextColor: '#ff0000',
       navBarButtonColor: '#ffffff',
       statusBarTextColorScheme: 'light'
     }

example/src/screens/StyledScreen.js

@@ -46,6 +46,14 @@ export default class StyledScreen extends Component {
           <TouchableOpacity onPress={ this.onPopPress.bind(this) }>
             <Text style={styles.button}>Pop Screen</Text>
           </TouchableOpacity>
+  
+          <TouchableOpacity onPress={ this.onSetSubtitlePress.bind(this) }>
+            <Text style={styles.button}>Set Subtitle</Text>
+          </TouchableOpacity>
+  
+          <TouchableOpacity onPress={ this.onSetTitleImagePress.bind(this) }>
+            <Text style={styles.button}>Set Title Image</Text>
+          </TouchableOpacity>
 
         </View>
 
@@ -72,6 +80,26 @@ export default class StyledScreen extends Component {
   onPopPress() {
     this.props.navigator.pop();
   }
+  
+  onSetSubtitlePress() {
+    this.props.navigator.setTitle({
+      title: 'title',
+      subtitle: 'subtitle',
+      navigatorStyle: {
+        navBarSubtitleTextColor: '#ff00ff',
+        navBarTextColor: '#ffff00'
+        
+      }
+    })
+  }
+  
+  onSetTitleImagePress() {
+    this.props.navigator.setTitle({
+      title: 'title',
+      titleImage: require('../../img/one.png'),
+    })
+  }
+  
 }
 
 const styles = StyleSheet.create({

src/deprecated/platformSpecificDeprecated.ios.js

@@ -151,6 +151,7 @@ function startSingleScreenApp(params) {
         <NavigationControllerIOS
           id={navigatorID}
           title={screen.title}
+          subtitle={params.subtitle}
           titleImage={screen.titleImage}
           component={screen.screen}
           passProps={{
@@ -228,6 +229,7 @@ function navigatorPush(navigator, params) {
 
   Controllers.NavigationControllerIOS(navigator.navigatorID).push({
     title: params.title,
+    subtitle:params.subtitle,
     titleImage: params.titleImage,
     component: params.screen,
     animated: params.animated,
@@ -280,6 +282,7 @@ function navigatorResetTo(navigator, params) {
 
   Controllers.NavigationControllerIOS(navigator.navigatorID).resetTo({
     title: params.title,
+    subtitle: params.subtitle,
     titleImage: params.titleImage,
     component: params.screen,
     animated: params.animated,
@@ -292,7 +295,10 @@ function navigatorResetTo(navigator, params) {
 
 function navigatorSetTitle(navigator, params) {
   Controllers.NavigationControllerIOS(navigator.navigatorID).setTitle({
-    title: params.title
+    title: params.title,
+    subtitle: params.subtitle,
+    titleImage: params.titleImage,
+    style: params.navigatorStyle
   });
 }
 
@@ -416,6 +422,7 @@ function showModal(params) {
         <NavigationControllerIOS
           id={navigatorID}
           title={params.title}
+          subtitle={params.subtitle}
           titleImage={params.titleImage}
           component={params.screen}
           passProps={passProps}