在导航上重置react-native中的formik表单

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

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

  const formik = useFormik({
    initialValues: {
      // 初始化表单字段
      // ...
    },
    onSubmit: values => {
      // 处理表单提交逻辑
      // ...
    },
  });

  const handleReset = () => {
    formik.resetForm(); // 重置表单状态
  };

  return (
    <View>
      {/* 表单输入组件 */}
      {/* ... */}

      <Button title="提交" onPress={formik.handleSubmit} />
      <Button title="重置" onPress={handleReset} />
    </View>
  );
};

const App = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Form" component={MyForm} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};