Navigation.navigate is not a function, navigation is undefined

Question

I have a problem, in React-Native.

<Button title="Save" onPress = {() => navigation.navigate('Save' , { image })}/>
    {image && <Image source = {{uri: image}} style= {{flex: 1}}/>}
    </View>
  );
}

I got an error:

navigation.navigate is not a function. (In 'navigation.navigate('Save', {image: image})', 'navigation.navigate' is undefined)

Give more context. You probably missed to pass navigation prop to the component where you use Button — Hariks
– Hariks, Commented Jan 16, 2021 at 9:24

Ketan Ramteke · Accepted Answer · 2021-01-16 10:23:27Z

2

Give your component a navigation prop like shown below.

Also make sure that it's added in Navigation stack.

function YourComponentName({navigation}){
return (
<View>
<Button title="Save" onPress = {() => navigation.navigate('Save' , { image })}/>
    {image && <Image source = {{uri: image}} style= {{flex: 1}}/>}
    </View>
  );
}

You can also use useNavigation hooks

answered Jan 16, 2021 at 10:23

Ketan Ramteke

10.7k2 gold badges27 silver badges46 bronze badges

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

Collectives™ on Stack Overflow

Navigation.navigate is not a function, navigation is undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related