TextInput
The TextInput component in React Native allows users to input text using an
on-screen keyboard, with customizable features and event handling for
interactive user input."
Props
variant
| Type: |
string |
| Description: |
Defines a variant or type of the TextInput component.
|
<TextInput variant="primary" ... />
style
| Type: |
Style Object |
| Description: |
Allows additional custom styles to be applied to the TextInput component. |
<TextInput style={{ backgroundColor: 'grey' }} ... />
mainStyle
| Type: |
Style Object |
| Description: |
Provides main styling for the TextInput component. |
<TextInput mainStyle={{ borderWidth: 1, borderColor: 'grey' }} ... />
icon
| Type: |
{ name: string; type: string; right: boolean; style: any }
|
| Description: |
Specifies the icon properties, including the icon name, type, optional
right alignment, and styles.
|
<TextInput icon={{ name: 'user', type: 'Feather', right: true }} ... />