Form as a Dynamic PageView (1 page = 1 category) with a Dynamic List View (1 list = 1 question)

3. Where I struggle:

I cannot grasp several concepts starting from here :

I tried to put a form encapsulating the whole page view, then I decided to treat the form at the listview level so that each category would be treated as a small form.

But in any cases, the formValidation component, fails to detect the radioComponent as an item "to be validated". It seems the "component" hides the fact that it contains a radio button. Do I need to do sort of an action at the component level to expose the value selected? Will it also permits the form (out of the component) to detect the radiobutton and validates it?

My goal would be to prevent the user from going to the next pageview while he has not selected an anwer for each question.

When the user has filled the answers for the 5 questions I would like to store a list with 2 item per index : question unique id (doc ref from firebase) and the radiobutton value.

So that, when the user will have answer the 35 questions (5x7) and sign up, I will store all the answer of the form in firebase using its userID.

Could you provide any insights to help me on that problematic?

1. Context:

I have setup on firebase a list of questions for a form.

Basically there is a collection for categories and a collection for questions

1 question belongs to 1,1 category
1 category belongs to 1,n questions

2. What I achieved:

On flutterflow I have setup a pageView using a query sent for retrieving the categories, as a consequence it generates 7 pages (because of the current 7 categories withing firebase).

Within the pageView I have setup a listview using a question sent for retrieving the questions of the currently displayed category, as a consequence it generates 5 questions (because of the current 5 questions per categories).

For each question I displayed the question itself and I have added a radio button (from 1 to 5) so the user can input how much he agrees with the question.

FlutterFlow has required since the radio button will be dynamically generated that I included them in a component (which I did).

The component is a container with a radiobutton. I provide to the component a testID which is the questionID (unique firebase reference of the question).

Now I have 1 page, 7 pageviews with each of them 5 questions dynamically listed with a radio button component.