React-native-router-flux: ステータスバーの色を変更しますか?

作成日 2016年04月01日  ·  9コメント  ·  ソース: aksonov/react-native-router-flux

使用しているナビゲーションバーが暗いため、一番上のステータスバー(iphone)を白いアイコンで暗い背景に変更する方法が見つからないようです。 それを機能させる方法はありますか? ステータスバーでreactnativeのドキュメントを調べましたが、何が必要か、またはこのプラグインでそれを行う方法があるかどうかを理解できないようです。 何か案は?

最も参考になるコメント

StatusBar.setBarStyle('light-content'、true);を呼び出すことができます。 ステータスバーのテキスト/アイコンを白に変更します。 react-nativeからStatusBarを含めることを忘れないでください。

全てのコメント9件

AFIKTiOSでは実行できません。 ドキュメントはそれについて非常に明確です。

@jeroenbourgoisうーん..私はそれを見逃したに違いありません、具体的にはiOSではできないと言っているのですか? 暗いナビゲーションバーで動作させる方法があります:)

StatusBar.setBarStyle('light-content'、true);を呼び出すことができます。 ステータスバーのテキスト/アイコンを白に変更します。 react-nativeからStatusBarを含めることを忘れないでください。

@ lee-grayうまくいきます! ありがとう :)

@ lee-grayありがとう!
rad-sunny-delight-d-ja8v9vQFdbCiQ

素晴らしい!!

ありがとう!

IOSのStatusBarでbackgroundColorを使用することはできません。これは、Androidでのみ機能します。 setBarStyle = {color}を使用するか、代わりにStatusBarをカバーするViewでbackgroundColorを設定します:)

この方法があります。

<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" />
.
.
.
このページは役に立ちましたか?
0 / 5 - 0 評価