React Native-状态栏 - 芒果文档

📌 相关文章

📜 React Native-状态栏

📅 最后修改于: 2020-12-08 06:12:03 🧑 作者: Mango

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

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

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

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

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

App.js

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

const App = () => {
   return (
      
   )
}
export default App

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