如何使用Formik在headerRight中触发函数？

npm install formik

import { Formik } from 'formik';

const MyForm = () => (
  <Formik
    initialValues={{ email: '' }}
    onSubmit={(values) => {
      // 在这里处理表单提交逻辑
      console.log(values.email);
    }}
    validationSchema={Yup.object().shape({
      email: Yup.string().email('无效的邮箱地址').required('邮箱地址是必填项'),
    })}
  >
    {({ handleChange, handleBlur, handleSubmit, values, errors }) => (
      <View>
        <TextInput
          onChangeText={handleChange('email')}
          onBlur={handleBlur('email')}
          value={values.email}
          placeholder="请输入邮箱地址"
        />
        {errors.email && <Text>{errors.email}</Text>}
        <Button title="提交" onPress={handleSubmit} />
      </View>
    )}
  </Formik>
);

import React from 'react';
import { View, TextInput, Button } from 'react-native';
import { Formik } from 'formik';

const MyForm = () => (
  <Formik
    initialValues={{ email: '' }}
    onSubmit={(values) => {
      // 在这里处理表单提交逻辑
      console.log(values.email);
    }}
    validationSchema={Yup.object().shape({
      email: Yup.string().email('无效的邮箱地址').required('邮箱地址是必填项'),
    })}
  >
    {({ handleChange, handleBlur, handleSubmit, values, errors }) => (
      <View>
        <TextInput
          onChangeText={handleChange('email')}
          onBlur={handleBlur('email')}
          value={values.email}
          placeholder="请输入邮箱地址"
        />
        {errors.email && <Text>{errors.email}</Text>}
        <Button title="提交" onPress={handleSubmit} />
      </View>
    )}
  </Formik>
);

const MyComponent = () => {
  return (
    <View>
      {/* 其他组件内容 */}
    </View>
  );
};

MyComponent.navigationOptions = {
  headerRight: () => <MyForm />,
};

export default MyComponent;