2.9 Forms

In this tutorial, we will add a form to our app, and examine how to handle form submission. At the end of this tutorial, you will be able to:

  • Create forms in your React Native app
  • Handle form submissions


2.9.1 Dataflow


2.9.2 How to

1. Install react-native-picker (tested on v2.4.0), react-native-modal-datetime-picker (tested on v10.2.0), datetimepicker (tested on v6.1.2), and date-fns (tested on v2.29.1).

  • $ expo install @react-native-picker/picker
  • $ expo install react-native-modal-datetime-picker @react-native-community/datetimepicker
  • $ expo install date-fns

2. Update 'app.json' file.

3. Create 'components/ReservationComponent.js' file.

4. Update 'components/MainComponent.js' file


2.9.3 Screenshots