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

时间:2015-04-13 08:22:42

标签: ios react-native

在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
  }
});
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:23)

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

  • barTintColor :条形背景的颜色。
  • titleTextColor :字体的颜色。
  • tintColor :按钮的颜色。
<NavigatorIOS
  barTintColor='#000'
  titleTextColor='#fff'
  tintColor='#fff'
  initialRoute={{
    title: 'SpeedNews',
    component: ViewList
  }} />

答案 1 :(得分:-3)

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