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

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

Вывод