use-hook-form example #react-native

form.js

import {useForm, Controller} from "react-hook-form"

const SearchForm = () => {
    const {
        control,
        handleSubmit,
        formState: {errors, isValid}
    } = useForm({mode: 'onBlur'})

    const onSubmit = data => console.log(data);
    return(
        <Fragment>
            <Controller
                control={control}
                name="name"
                render={({field: {onChange, value, onBlur}}) => (
                    <TextInput
                        placeholder="Enter your name here"
                        value={value}
                        onBlur={onBlur}
                        onChangeText={value => onChange(value)}
                    />
                )}
            />
            <Button title='Submit' onPress={handleSubmit(onSubmit)}/>
            <Button style={globalStyles.menuButton} mode="contained"
                    onPress={handleSubmit(onSubmit)}>
                Press me
            </Button>
        </Fragment>
    )
}