前端之家收集整理的这篇文章主要介绍了
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>
);
}
}