Мне нужно добавить значок для переключения перетаскивания в React Native - PullRequest
0 голосов
/ 04 августа 2020

Я получил следующую ошибку при попытке сделать это. Я использую React Navigation 5 Он показывает, что объект не является функцией

Вот мой код

const HeaderLeft = ({ navigation }) => {   
    return (
      <View style={{flexDirection: 'row'}}>
        <Icon name="menu" size={24} 
              color= 'white'
              onPress={ () => navigation.toggleDrawer() } />
      </View>
    );}

Вот как я добавил его на экран

<MenuNavigator.Navigator

            initialRouteName='Menu'
            screenOptions={{
                headerStyle: {
                    backgroundColor: "#512DA8"
                },
                headerTintColor: "#fff",
                headerLeft: ({ navigation }) => (<HeaderLeft navigation={navigation} />),
                headerTitleStyle: {
                    color: "#fff"            
                },


            }}
        >

Пожалуйста, помогите мне с вышеуказанной ошибкой

1 Ответ

0 голосов
/ 04 августа 2020

Вы получаете навигацию не из того места. Это должно быть

 screenOptions = {
      (navigation) => ({
          headerStyle: {
            backgroundColor: "#512DA8"
          },
          headerTintColor: "#fff",
          headerLeft: () => ( < HeaderLeft navigation = {
                navigation
              }
              />),
              headerTitleStyle: {
                color: "#fff"
              }})}

Навигация, которую вы проходите, вероятно, будет иметь значение null

...