web-dev-qa-db-ja.com

ナビゲーションヘッダーの背景色を変更する

ナビゲーションヘッダーバーの背景色を変更する方法の理解に苦労しています。反応ナビゲーションとExpoを使用してアプリを構築しています。

backgroundColorは何もしないようです。これを行う方法はありますか？

私のコードは次のとおりです。

static navigationOptions = () => ({
    title: 'My App',
    headerTintColor: Colors.DarkBlue,
    backgroundColor: 'red',
    headerLeft:
      <HeaderBarItem to='InfoScreen' title='App info' />,
    headerRight:
      <HeaderBarItem to='FeedbackScreen' title='Feedback' />
  });
react-nativereact-navigationexpo
10
Led

これは動作するはずです：

static navigationOptions = () => ({
    title: 'My App',
    headerTintColor: Colors.DarkBlue,
    headerStyle: {
      backgroundColor: 'red'
    },
    headerLeft:
      <HeaderBarItem to='InfoScreen' title='App info' />,
    headerRight:
      <HeaderBarItem to='FeedbackScreen' title='Feedback' />
  });
18
Aakash Sigdel

これをターゲット画面に貼り付けてください

static navigationOptions = ({ navigation }) => {
   return {
      title: 'Screen Title',
      headerTintColor: 'royalblue',
      headerStyle: {
         backgroundColor: '#fff'
      }
   }
}
5
Pheng Sengvuthy

ビューコンポーネント内で使用できます

<StatusBar backgroundColor = '#fff' />

これはAndroid上で私のために働いた

インポートすることを忘れないでください'react-native'のStatusBarもちろん

0
AlwaysConfused