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

Question

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

I m getting this error!

The answer is here : stackoverflow.com/a/55221448/9346400

Md Forhad Sarkar
– Md Forhad Sarkar

2020-05-14 14:49:37 +00:00
Commented May 14, 2020 at 14:49 — Md Forhad Sarkar
– Md Forhad Sarkar, Commented May 14, 2020 at 14:49

Dehli · Accepted Answer · 2020-05-14 15:48:05Z

1

Cross posting from here:

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

answered May 14, 2020 at 15:48

Dehli

5,9595 gold badges31 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related