in React-native, How to change the styles of NavigatorIOS

Question

in react-native，how to change the styles of NavigatorIOS，such as backgroundColor? thank you!

var speedNews = React.createClass({
  render: function() {
    return (
      <NavigatorIOS style={styles.container} 
      initialRoute={{ 
        title: 'SpeedNews',
        component: ViewList
      }}/>
    );
  }
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor : 'red', // it do nothing
    color : '#ffffff' // it do nothing
  }
});

Answer 1

As far as I know, you can only change the following properties:

• barTintColor: The color of the background of the bar.
• titleTextColor: The color of the font.
• tintColor: The color of the buttons.

<NavigatorIOS
  barTintColor='#000'
  titleTextColor='#fff'
  tintColor='#fff'
  initialRoute={{
    title: 'SpeedNews',
    component: ViewList
  }} />