You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
740 B
35 lines
740 B
import React from 'react';
|
|
import { FC } from 'react'
|
|
import { useController } from 'react-hook-form';
|
|
import { Text, TextInput, View } from 'react-native';
|
|
|
|
interface Props {
|
|
name: string,
|
|
label: string,
|
|
control: any
|
|
}
|
|
|
|
export const Input:FC <Props> = ({name,label, control}) => {
|
|
|
|
const { field } = useController({
|
|
control,
|
|
defaultValue:'',
|
|
name,
|
|
})
|
|
|
|
return (
|
|
<>
|
|
<View className='flex flex-col'>
|
|
|
|
<TextInput
|
|
id={name}
|
|
value={field.value}
|
|
onChangeText={field.onChange}
|
|
placeholder={label}
|
|
className='p-2 m-2 w-max border rounded-xl focus:outline-offset-4 focus:outline-sky-500 focus:border-solid border-sky-500'
|
|
/>
|
|
</View>
|
|
|
|
</>
|
|
)
|
|
} |