美文网首页
reactnative 修改状态栏的颜色

reactnative 修改状态栏的颜色

作者: 程序员大耳 | 来源:发表于2020-09-21 22:39 被阅读0次

export default class ViewProject extends Component {

  render() { 

    return ( 

      <View style={styles.container}> 

        <StatusBar 

        animated={true} //指定状态栏的变化是否应以动画形式呈现。目前支持这几种样式:backgroundColor, barStyle和hidden 

        hidden={false}  //是否隐藏状态栏。 

        backgroundColor={'green'} //状态栏的背景色 

        translucent={true}//指定状态栏是否透明。设置为true时,应用会在状态栏之下绘制(即所谓“沉浸式”——被状态栏遮住一部分)。常和带有半透明背景色的状态栏搭配使用。 

        barStyle={'light-content'} // enum('default', 'light-content', 'dark-content') 

        > 

        </StatusBar> 

      </View> 

    ); 

  }   

}

相关文章

网友评论

      本文标题:reactnative 修改状态栏的颜色

      本文链接:https://www.haomeiwen.com/subject/eszbyktx.html