2015-12-03 51 views
9

ステータスバーのアイコンの色を白く変更する方法が見つからない場合があります。たとえば、画面の上部にある時刻&バッテリーです。 UIStatusBarStyleLightContent React Native:ステータスバーのアイコンの色を変更する方法

  • ビューコントローラベースのステータスバーの外観:NO
  • しかし、私はInfo.plistの

    • ステータスバーのスタイルで、以下を追加しようとした

      iPhone 6 screenshot

      以前のバージョンのIOSでは動作するように見えます。どんな助けでも大歓迎です。ここ

      StatusBarIOS.setStyle('light-content')

      ドキュメント:http://facebook.github.io/react-native/docs/statusbarios.html#content

      編集:RN 0.22StatusBarIOSで廃止されており、クロスプラットフォームあなたは、あなたのネイティブコンポーネントに反応内StatusBarIOSを使用する必要が

    答えて

    21

    StatusBarを使用してください。しかし、このコンポーネントを使用する推奨方法は、宣言され

    StatusBar.setBarStyle('light-content', true);

    :それは上に述べたように、まだ命令的に使用されています。たとえば:http://facebook.github.io/react-native/docs/statusbar.html

    +0

    どうもありがとうデイブ:

    <View> <StatusBar backgroundColor="blue" barStyle="light-content" /> <Navigator initialRoute={{statusBarHidden: true}} renderScene={(route, navigator) => <View> <StatusBar hidden={route.statusBarHidden} /> ... </View> } /> </View> 

    は、ここで新しいドキュメントを参照してください。これはうまくいった。 – londonfed

    +0

    'componentDidMount' /' componentWillMount'にどのように設定すればよいですか?試してみましたが、コールバックからユーザーの操作(TouchableでのonPress)のみで動作するようです。 –

    +1

    @ S.C。あなたが実際に 'render'メソッドで返す前にこれを呼び出すことができます。 @DaveSibiskiおかげさまで、 –

    関連する問題