反応ネイティブモーダルが表示されているときにstatusBarを非表示にする方法は？

Question

モーダルウィンドウが表示されているときにステータスバーを非表示にしたいとします。

私のセットアップは、以下の通りですが、期待どおりに動作しません。

<StatusBar animated={true} hidden={true} translucent={true}> 

Answer 1

これは既知の問題です/まだそれを修正するように反応する公式なさそうです。私はそれを隠すためにハックを提案し、この議論でポストを見た

https://github.com/facebook/react-native/issues/7474

が、私は私のプロジェクトでそれを試していない：あなたは、ここでの議論に従うことができます。あなたのために働く場合は、このトリックをupvoteすることもできます。

<View style={styles.outerContainer} 
    <View style={styles.container}> 
    <StatusBar hidden={true}/> 
    <View style={styles.content}> 
    </View> 
    <Modal animation={fade} transparent={true}> 
      {/*Modal Contents Here*/} 
    </Modal> 
</View> 

より固いフィックスは、ネイティブアンドロイドコードのアクティビティのテーマを変更している可能性があります。

<resources> 
    <!-- Base application theme. --> 
    <style name="AppTheme" parent="Theme.ReactNative.AppCompat.Light.NoActionBar.FullScreen"> 
     <!-- Customize your theme here. --> 
    </style> 
    <style name="AppTheme.Launcher"> 
     <item name="android:windowBackground">@drawable/launch_screen</item> 
    </style> 
</resources> 

クレジットは、上記の修正を提案しTravisknとmbashiqに行きます。そのissueを購読することをお勧めします。

Answer 2

ドキュメンテーションによると、あなたはこの

import {StatusBar} from 'react-native'; 
StatusBar.setHidden(true);