在React-native中,如何更改NavigatorIOS的样式

Question

在react-native中,如何更改NavigatorIOS的样式,例如backgroundColor？谢谢!

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

据我所知,您只能更改以下属性:

• barTintColor:条形图背景的颜色.
• titleTextColor:字体的颜色.
• tintColor:按钮的颜色.

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

Answer 2

也许我们可以使用“ react-native-router ”