React-native-router-flux: Изменить цвет строки состояния?

Созданный на 1 апр. 2016 · 9Комментарии · Источник: aksonov/react-native-router-flux

Кажется, я не могу найти способ изменить самую верхнюю строку состояния (iphone) на темный фон с белыми значками, поскольку панель навигации, которую я использую, темная. Любая идея, как заставить его работать? Я просмотрел документацию React Native в строке состояния, но не могу понять, что нужно, или есть ли способ сделать это с помощью этого плагина. Есть идеи?

Источник

MovingGifts

Самый полезный комментарий

Вы можете вызвать StatusBar.setBarStyle('light-content', true); чтобы изменить текст / значки строки состояния на белый. Не забудьте включить StatusBar из react-native.

lee-gray 1 апр. 2016

👍64 🎉7

Все 9 Комментарий

AFIKT это нельзя сделать на iOS. Документы совершенно ясно об этом.

jeroenbourgois 1 апр. 2016

👎34 😕3

@jeroenbourgois Хммм .. Должно быть, я пропустил это, где конкретно сказано, что это невозможно сделать в iOS? Должен быть способ заставить его работать на темной панели навигации :)

MovingGifts 1 апр. 2016

lee-gray 1 апр. 2016

👍64 🎉7

@lee-gray Отлично работает! Спасибо чувак :)

MovingGifts 3 апр. 2016

😄1

@lee-gray Спасибо!
rad-sunny-delight-d-ja8v9vQFdbCiQ

brochester-was-here 1 июн. 2016

Фантастический!!

hejiaji 13 окт. 2016

Спасибо!

lin493369 2 дек. 2016

не может использовать backgroundColor в StatusBar в IOS, он работает только в Android. используйте setBarStyle={color} или установите backgroundColor в представлении, который вместо этого закрывает StatusBar :)

sirawatGG 23 дек. 2016

👍1

Вот так.

<Scene
  key="tabbar"
  tabs={true}
  👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻
  onSelect={el => {
    if (typeof Actions !== 'object') return;
    const {
      sceneKey,
      statusBarStyle
    } = el.props
    if (statusBarStyle) {
      StatusBar.setBarStyle(statusBarStyle, true)
      Actions[sceneKey]()
    }
  }}>
  <Scene
    key="tab_1"
    title="home"
    component={Home}
    icon={TabIcon}
    👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻
    statusBarStyle="light-content" />
.
.
.