As a beginner in React Native, I'm curious about the different approaches people use to make wizard forms on the app.
Problem: I'm trying to implement a multiple-step form where each question occupies a page with a NEXT and BACK button for navigation and a SUBMIT button at the end.
Progress: I've had some success with Formik and Yup. However, my approach currently is making 1 Formik forms for each sub-screen I have (e.g. Email has a formik form, Contact has a formik form), with a switch(step) in the container component to move to the screen respective to the step number.
Question:
1) Is there a way to make / handle wizard form cleanly, smoothly, and more scalably?
2) How can one reduce the # of formik forms used to only one master form for multi-step wizard form? One of the problems of placing the SUBMIT at the last child page is that it only submits the value inside that last formik form.
Feel free to make any comments. Thanks!