TextInput

TextInput component is used for inputting text into the application using keyboard.

API

Props

  • TextInput component doesn’t have specific (custom) Props, however, it supports every prop that the standard React Native TextInput component supports. For full list of available props, visit React Native TextInput component documentation.

Style names

  • None

Style

  • placeholderTextColor:
    • defines the placeholder text color
  • selectionColor:
    • The highlight color of the text input (and the cursor color on iOS)
  • Also, supports every Style prop that the standard React Native TextInput component supports

Examples

Input / Placeholder text

Input / Placeholder text  example

JSX Declaration

<TextInput
  placeholder={'Username or email'}
  onChangeText={...}
/>

Input / With text

Input / With text  example

JSX Declaration

<TextInput
  defaultValue={'Username or email'}
  onChangeText={...}
/>

Input / With password

Input / With password  example

JSX Declaration

<TextInput
  placeholder={'Password'}
  secureTextEntry
/>