如何在使用导航组件时覆盖工具栏中后退按钮的行为

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

const CustomHeader = () => {
  const navigation = useNavigation();

  const handleBack = () => {
    // 执行你想要的操作
    // 例如跳转到其他页面
    navigation.navigate('OtherScreen');
  };

  return (
    <View>
      <TouchableOpacity onPress={handleBack}>
        <Text>自定义后退按钮</Text>
      </TouchableOpacity>
    </View>
  );
};

<template>
  <div>
    <button @click="handleBack">自定义后退按钮</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleBack() {
      // 执行你想要的操作
      // 例如跳转到其他页面
      this.$router.push('/other');
    },
  },
};
</script>