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

前端之家收集整理的这篇文章主要介绍了在React-native中,如何更改NavigatorIOS的样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在反应中,如何改变Navigator IOS的风格,比如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
  }
});
据我所知,您只能更改以下属性

> barTintColor:条的背景颜色.
> titleTextColor:字体的颜色.
> tintColor:按钮的颜色.

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

猜你在找的React相关文章