Ga naar hoofdinhoud
Logo Appt Light

Input instructions on React Native

When a label might not describe the requested input sufficiently, you should add additional instructions. For example, if passwords are required to be at least 8 characters, indicate this to users.

In React Native, there is no default component to combine an input field with a label. We recommend combining Text with a TextInput component.

You can also use a package for displaying instructions, such as React Native Paper. This package includes a HelperText component which can be used for displaying instructions. The type should be set to info for instructions.

<Text>Your password should be at least 8 characters.</Text>

<View>
  <TextInput label="Password" value={text} onChangeText={onChangeText} />
  <HelperText type="info">
    Your password should be at least 8 characters.
  </HelperText>
</View>
Bijdragen

Feedback?

Laat 't ons weten!