Form with Validation | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Please opt in to our enterprise plan (coming soon) for priority support with NativeBase. If you are starting a new project, we recommend using gluestack-ui. For your existing projects, you can utilize @gluestack-ui/themed-native-base (beta).
Form with Validation
Apps often require users to enter information into a text field. For example, you might require users to log in with an email address and password combination.
To make apps secure and easy to use, check whether the information the user has provided is valid. If the user has correctly filled out the form, process the information. If the user submits incorrect information, display a friendly error message letting them know what went wrong.
Example
In this example, learn how to add validation to a form that has a single text field using the following steps:
    Create an Input wrapped in FormControl.
    Add validation logic.
    Create a button to validate and submit the form.
Step 1
Create an Input wrapped in FormControl.
Playground
Step 2
Add validation logic.
Playground
Step 3
Create a button to validate and submit the form.
Playground
Community Integration
NativeBase can be used with other popular Form libraries like and as well. For more details checkout Community Integration section of the docs.
Nativebase logo
MadeWithNativeBase