CODEWITHSUNDEEP
react-nativereact-navigationreact-navigation-stack
Riyaz Mirza
Riyaz Mirza

Reputation: 159

React Navigation goBack()

I got some error when i have used goBack(null) method in functional component in react navigation

function Header({ titleText, navigation}) {
return (
  <Appbar.Header style={styles.headerContainer}>
    <Appbar.BackAction style={styles.backButton} onPress={() => navigation.goBack(null)} >
     <Text style={styles.back}></Text>
    </Appbar.BackAction>
   <View style={styles.container}>
     <Title style={styles.title}>{titleText}</Title>
   </View>
 </Appbar.Header>
 )}

Upvotes: 0

Views: 2188

Answers (1)

Jackmekiss
Jackmekiss

Reputation: 743

Try with useNavigation hook from @react-navigation/native

import * as React from 'react';
import { Text } from 'react-native';
import { useNavigation } from '@react-navigation/native';

function MyText() {
  const navigation = useNavigation();

  return <Text onPress={() => navigation.goBack()}>Go Back</Text>;
}

Upvotes: 1

Related Questions