React Native — Строка состояния

В этой главе мы покажем вам, как управлять внешним видом строки состояния в React Native.

Строка состояния проста в использовании, и все, что вам нужно сделать, это установить свойства, чтобы изменить ее.

Скрытое свойство может быть использовано для скрытия строки состояния. В нашем примере установлено значение 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

Если мы запустим приложение, строка состояния будет видна, а содержимое будет иметь темный цвет.