リアクターネイティブのステータスバーの色

Question

StatusBarコンポーネントの背景色をreact-nativeからAndroid固有のファイルを編集することなく変更するにはどうすればよいですか？

文書says、backgroundColorというプロパティを使用できます。しかしそれは失敗する。 barStyleプロパティ、setBarStyle & & setBackgroundColor静的メソッドは正しく動作しません。

hiddenプロパティのみが動作します。

Expoで構築されたcreate-react-native-appを使用しています。

Answer 1

、あなたがこのようなプロジェクトのルートディレクトリにapp.jsonを編集する必要があります。

{ 
    "expo": { 
     "sdkVersion": "16.0.0", 
     "androidStatusBar": { 
      "barStyle": "dark-content", 
      "backgroundColor": "#0A48A5" 
     } 
    } 
} 

参照万博のドキュメント： https://docs.expo.io/versions/v16.0.0/guides/configuration.html

Answer 2

あなたはドキュメントhereを見ることができます

<StatusBar 
backgroundColor="blue" 
barStyle="light-content" 
/> 

を使用することができます。万博アプリで

Answer 3

は、それが役立ちます。この

import {StatusBar} from 'react-native'; 


const bar =()=>{ 
    return(<StatusBar 
      backgroundColor="insert your color here"/> 
); 
};