TypeError：undefined不是一个对象（正在评估“ navigation.state”）-反应本机

Question

我收到TypeError：React Native中未定义的对象不是对象（评估“ navigation.state”）。

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);