React Native - StatusBar color iOS и Android

Question

Я не могу установить цвет строки состояния на iOS и Android на React Native с Expo. Мне просто удалось это скрыть.

Код:

import * as React from 'react';
import { WebView } from 'react-native-webview';
import { StatusBar } from 'react-native'

export default class App extends React.Component {
   render() {
      return <>
         <StatusBar hidden={true} />
         <WebView source={{ uri: 'https://foo.co' }} style={{ marginTop: 33 }} />
      </>
   }
}

Я уже пробовал:

<StatusBar hidden={false} barStyle="light-content" />

и:

<StatusBar barStyle = "dark-content" hidden = {true} backgroundColor = "#00BCD4" translucent = {true}/>

Я действительно не понимаю, как работает этот StatusBar ,

Заранее спасибо!

Answer 1

backgroundColor поддерживает изменение цвета вашего StatusBar, проблема с вашим последним примером состоит в том, что вы использовали hidden = {true}

import { StatusBar } from 'react-native';

<StatusBar backgroundColor="#00BCD4" />

Для выставок вы должны настроить app.json https://docs.expo.io/versions/latest/guides/configuring-statusbar/