Modifier en-tête de navigation couleur d'arrière-plan

De la difficulté à comprendre comment modifier l'en-tête de navigation de la barre de couleur d'arrière-plan.
Je suis l'Aide de réagir de la navigation et de l'Expo de construire mon appli.

backgroundColor ne semble pas faire quoi que ce soit. Une idée de comment faire cela?

Mon code est ci-dessous:

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

OriginalL'auteur Led | 2017-07-26

  1. 4

    Collez ceci dans votre ciblées écran 

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

    OriginalL'auteur Pheng Sengvuthy

  2. 0

    Vous pouvez utiliser seulement à l'intérieur de votre point de vue composant

    <StatusBar backgroundColor = '#fff' />

    Cela a fonctionné pour moi sur android

    N'oubliez pas d'importer la Barre d'état de "réagir-native" bien sûr

    OriginalL'auteur AlwaysConfused