[React-native CLI] RN 뒤로가기

react-navigation/native에서 useNavigation()을 통해 goBack()을 사용하면 뒤로 가기를 구현할 수 있습니다.

 

주요 코드

import {useNavigation} from '@react-navigation/native';
...

  const navigation = useNavigation();
  const onGoBackPress = () => {
    navigation.goBack();
  };

 

구현코드

// react, react-native
import {TouchableOpacity, View} from 'react-native';
import {useNavigation} from '@react-navigation/native';
import {SvgXml} from 'react-native-svg';

// library

// assets, utils, realm
import {svg} from '../../assets/svg';

// component

// style

const SubHeader = () => {
  const navigation = useNavigation();
  const onGoBackPress = () => {
    navigation.goBack();
  };

  return (
          <TouchableOpacity onPress={onGoBackPress}>
          <View>
            <SvgXml xml={svg.prev} width={9.33} height={16} />
          </View>
        </TouchableOpacity>
  );
};

export default SubHeader;