React Native常用小技巧总结

最新推荐文章于 2024-09-27 07:10:28 发布

Yao_YongChao

最新推荐文章于 2024-09-27 07:10:28 发布

阅读量332

点赞数

分类专栏： react-native 文章标签： RN隐藏状态栏 React Native隐藏状态栏

本文链接：https://blog.csdn.net/Yyongchao/article/details/81990395

版权

react-native 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1、隐藏状态栏

在页面的根部局的顶部添加一个StatusBar即可，代码如下：

export default class WelcomeView extends Component<Props> {
  render() {
      const {navigate} = this.props.navigation;
    return (
      <View style={styles.container}>
          <StatusBar backgroundColor="#ff0000"
                     translucent={true}
                     hidden={true}
                     animated={true}/>
        <Text style={styles.welcome2}>Welcome to React Native!</Text>
      </View>
    );
  }
}