How to add RADIO-BUTTON INPUTS in REACT NATIVE using Formik.

Radio buttons are used when there is a list of two or more options that are mutually exclusive. The user has only one choice to make from the many options. This article is a complete guide on how to implement radio button inputs in REACT-NATIVE forms. We will use a library called FORMIK.

Step 1: Create a new react native project using expo. Call it RadioButtonApp

Step 2: Then install formik library to the app. Read Formik Documentation here+

Step 3:  Install Axios

Step 4:  Install react-native-paper

Step 5:  Import react into your app.js file

Step 6:  Import axios into your app.js file.

Step 7:  Import View , Text , and Alert  components from react-native  into your app.js

Step 8:  Import Button , Title , TextInput , and RadioButton  components from react-native-paper  into your app.js file

Step 9:  Import the useFormik hook from formik into your app.js file

Step 10:  Create a constant variable called App to hold a fat arrow function.

Step 11:  Inside the App. Create a constant variable to hold the return value of the useFormik hook.

Step 12:  Add gender property to the initialValues property.

#react-native #javascript #ios-app-development #formik