React Native - 狀態列

在本章中，我們將向你展示如何在 React Native 中控制狀態列的外觀。

狀態列易於使用，你只需要設定屬性即可更改。

hidden 屬性可用於隱藏狀態列。在我們的示例中，它被設定為 false。這是預設值。

barStyle 可以有三個值 - dark-content、light-content 和 default。

此元件還有其他幾個可使用的屬性。其中一些是特定於 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

如果我們執行應用，狀態列將可見，並且內容將為深色。

輸出