TypeError: undefined is not an object(evalating 'navigation.state')-React Native

Question

我收到 TypeError: undefined is not an object(evalating 'navigation.state') in React Native。

const DashboardFooter = ({navigation}) => {
      const activePage = navigation.state.index;
      return (
           <TouchableOpacity
            style={styles.tabIconContainer}
            onPress={() => navigation.navigate('Dashboard')}>
            <Image
              source={
                activePage === 0
                  ? require('../assets/images/dashboard/menu.png')
                  : require('../assets/images/dashboard/menu-active.png')
              }
              style={{width: 24, height: 24}}
             />
            <Text style={styles.titleMenu}>Menu</Text>
          </TouchableOpacity>
        );
    };

我收到此错误!

Answer 1

来自here的交叉发帖：

您似乎没有正确创建组件，因此设置了 navigation 属性。您需要确保使用 withNavigation 高阶组件来包装组件。

export default withNavigation(MyComponent);