报告:目前完成度【 0.5/3 】,预计上线时间:【 未知 】 【问卷调查】
英文链接源链接 [6872]
contenteditable="true"

React Native - Status Bar 介绍

在本章中,我们将向您展示如何在React Native中控制状态栏的外观。

状态栏易于使用,您只需设置属性即可对其进行更改。

hidden 属性可用于隐藏状态栏。在我们的Example中,将其设置为 false 。这是默认值。

barStyle 可以具有三个值-暗含量,亮含量和默认。

该组件具有其他可以使用的属性。其中一些特定于Android或IOS。您可以在官方文档中进行检查。

App.js

import React, { Component } from 'react';
import { StatusBar } from 'react-native'

const App = () => {
   return (
      <StatusBar barStyle = "dark-content" hidden = {false} backgroundColor = "#00BCD4" translucent = {true}/>
   )
}
export default App

如果我们运行该应用程序,状态栏将可见,内容将显示为深色。

输出

React Native Status Bar
点我分享笔记