TypeError: undefined is not an object(evaluating 'navigation.state')-React Native [英] TypeError: undefined is not an object(evaluating 'navigation.state')-React Native

问题描述

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

I m getting TypeError: undefined is not an object(evaluating '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>
        );
    };

我收到此错误！

推荐答案

来自 此处:

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

It seems like you're not properly creating the component so that the navigation property is set. You'll need to make sure to wrap the component using the withNavigation higher order component.

export default withNavigation(MyComponent);

这篇关于TypeError: undefined is not an object(evaluating 'navigation.state')-React Native的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！