条件渲染基于用户输入的某些表单组件react native + Formik

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

const App = () => {
  return (
    <Formik
      initialValues={{ showAdditionalField: false, additionalFieldValue: '' }}
      onSubmit={(values) => {
        console.log(values);
      }}
    >
      {({ values, handleChange }) => (
        <View>
          <TextInput
            onChangeText={handleChange('additionalFieldValue')}
            value={values.additionalFieldValue}
          />
          <Text onPress={() => handleChange('showAdditionalField')(!values.showAdditionalField)}>
            Toggle Additional Field
          </Text>
          {values.showAdditionalField && (
            <TextInput
              onChangeText={handleChange('additionalFieldValue')}
              value={values.additionalFieldValue}
            />
          )}
        </View>
      )}
    </Formik>
  );
};

export default App;