Input instructions - React Native
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>