美文网首页
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