Comment ajouter une image à l'en-tête du tiroir de navigation en réact native ?

Question

Je essaie d'ajouter un logo d'entreprise à l'en-tête du Navigation Drawer, mais il n'affiche que le titre de l'écran. Voici mon code:

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, ScrollView, Dimensions, Image} from 'react-native';
import { createDrawerNavigator, createAppContainer, DrawerItems, SafeAreaView } from 'react-navigation';
import HomeScreen from './screens/HomeScreen';
import SettingsScreen from './screens/SettingsScreen';

class App extends Component {
  render() {
    return (

    );
  }
}

const AppNavigator = createDrawerNavigator({
  Home: {screen: HomeScreen},
  Settings: {screen: SettingsScreen},
},
{
  CustomDrawerContentComponent: props => (

  )
}
);

const DrawerContent = (props) => (

        Header

)

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

export default createAppContainer(AppNavigator);

---

"dependencies": {
        "native-base": "^2.10.0",
        "react": "16.6.3",
        "react-native": "0.55.2",
        "react-native-gesture-handler": "^1.0.12",
        "react-navigation": "^3.0.9"
      }

Answer 1

Il suffit de remplacer const AppNavigator par

const AppNavigator = createDrawerNavigator({
  Accueil: {screen: HomeScreen},
  Paramètres: {screen: SettingsScreen},
}, {
   contentComponent: (props) => (

          LOGO

   )
});