React Native 状态栏组件

import React,{ Component } from 'react';
import {
  AppRegistry,StyleSheet,Image,Text,TouchableHighlight,TextInput,StatusBar,View
} from 'react-native';


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>
    );
  }


}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!