Как добавить изображение в заголовок навигационного ящика в React Native?

Question

Я пытаюсь добавить логотип компании в заголовок Drawer Navigator, но он отображает только заголовок экрана.Вот мой код:

import React, {Component} из'act ';import {Platform, StyleSheet, Text, View, ScrollView, Dimensions, Image} из'act-native ';import {createDrawerNavigator, createAppContainer, DrawerItems, SafeAreaView} из реагирующей навигации;импортировать HomeScreen из './screens/HomeScreen';импортировать SettingsScreen из.-native ":" 0.55.2 "," Reaction-native-жест-обработчик ":" ^ 1.0.12 "," реагировать-навигация ":" ^ 3.0.9 "}

Answer 1

Просто замените const AppNavigator на

const AppNavigator = createDrawerNavigator({
  Home: {screen: HomeScreen},
  Settings: {screen: SettingsScreen},
}, {
   contentComponent: (props) => (
    <SafeAreaView style={styles.container}>
        <View style={{height: 100,alignItems: 'center', justifyContent: 'center'}}>

          <Text style={{fontSize: 32}}>LOGO</Text>
        </View>
      <ScrollView>
        <DrawerItems {...props} />
      </ScrollView>
    </SafeAreaView>
   )
});