未捕获的错误：未定义不是对象（评估'Y.props.navigation'）touchableHandlePress@[native code]答案

【问题标题】：Uncaught Error: undefined is not an object (evaluating 'Y.props.navigation') touchableHandlePress@[native code]未捕获的错误：未定义不是对象（评估'Y.props.navigation'）touchableHandlePress@[native code]
【发布时间】：2019-09-01 00:11:58
【问题描述】：

我在 react-navigation 标题中添加了一个抽屉菜单按钮来打开抽屉菜单。

图标正常显示，但按下时返回引用的错误。

import React from 'react';
import { View, Dimensions } from 'react-native';
import { Button, Icon } from 'native-base';
import { createAppContainer, createStackNavigator, createDrawerNavigator } from 'react-navigation';
...

const DrawerConfig = {
  drawerWidth: Dimensions.get('window').width * 0.75,
  contentComponent: ({ navigation }) => {
    return(<MenuDrawer navigation={navigation} />)
  }
}

const HomeNavigator = createStackNavigator ({
...
}, {
  defaultNavigationOptions: ({ navigation }) => {
    return {
      headerTitleStyle: {
        fontWeight: 'bold'
      },
      headerLeft: (
        <Button transparent onPress={() => this.props.navigation.toggleDrawer()}>
          <Icon name='menu' style={{color: '#FFF'}} />
        </Button>
      ),
      headerRight: (
        <HomeIcon navigation={navigation} />
      ),
      headerStyle: {
        backgroundColor: '#b80003'
      },
      headerTintColor: '#FFF'
    }
  }
});

const DrawerNavigator = createDrawerNavigator (
  {
    'Principal': {
      screen: HomeNavigator
    },
    'Sobre o Aplicativo': {
      screen: InformationApp
    },
    'Sobre os Responsáveis': {
      screen: Team
    },
    'Sobre o Projeto': {
      screen: Project
    },
    'Política e Termos': {
      screen: Policy
    }
  },
  DrawerConfig
);

const AppDrawerContainer = createAppContainer(DrawerNavigator);

export default AppDrawerContainer;

需要注意的是，对于属于const DrawerNavigator = createDrawerNavigator的屏幕，我使用上面相同的代码来渲染drawerMenuButton并且它工作正常，错误只发生在const screens HomeNavigator = createStackNavigator上。

【问题讨论】：

标签： javascript react-native react-navigation expo react-navigation-drawer

【解决方案1】：

像这样更改你的代码

onPress={() => navigation.toggleDrawer()}>

【讨论】：