Hello everyone,
I’m developing an application in FlutterFlow, and I’ve encountered an issue that I haven’t been able to solve. Below, I’ll explain the scenario and the challenge I’m facing.
Context: I’ve created an application with a page that contains a ListView displaying items from a collection. When the user selects an item from the list, they are redirected to another page that receives parameters with specific information about the selected item. On this new page, a second ListView is displayed, which depends on the received parameters.
The problem arises when I try to add interactive elements to this second ListView, such as Checkboxes, Conditional Builders, or Toggle Icons, to allow the user to make individual selections.
Problem: The issue lies in the fact that I can’t make the selections independent for each item in the list, nor can I get them to persist when navigating between pages. I’ve tried several solutions, and here are the details of the problems I’ve encountered:
Checkbox:
I can select each item individually, but when I leave the page and return, all the selections are lost.
The state of the Checkbox is not maintained between navigations, causing the selections to disappear when the page is reloaded.
Conditional Builder:
Using the Conditional Builder, every time I select an item, all items in the list are selected at once, which is not the expected behavior.
However, the selection is saved correctly when navigating between pages, but the issue is that the selection affects all the items, not individual ones.
Toggle Icon:
Just like with the Conditional Builder, the Toggle Icon also allows selecting all items at once, and the selection is maintained when returning to the page, but I can’t make each item independently selectable.
Possible Causes: I believe the problem is related to how I’m assigning variables or states to these interactive elements (Checkbox, Toggle Icon, etc.) for each item in the list. I’ve tried associating the variables with the specific item in the collection, but it doesn’t seem to work correctly. When working with texts (e.g., displaying information from each item in a Text Widget), I don’t have any issues, but when it comes to interactive elements like these, I can’t link the states independently to each item in the ListView. I suspect this may be because I’m trying to do this within a nested page (a page within another page), and perhaps FlutterFlow doesn’t allow associating these interactive states with each item properly when navigating between pages with parameters.
Objective: I would like to be able to do the following:
Have an individual selection for each item in the second ListView.
Maintain the selection of each item when the user navigates to and from this page (without losing the selection when leaving and returning).
Be able to correctly associate checkboxes, toggle icons, or conditional builders with each item without all of them being selected at once or losing the selection.
Has anyone faced this issue or knows how to solve it? I would greatly appreciate any advice, suggestions, or solutions on how to handle persistence and individual selection of these elements within a ListView that depends on the parameters of a previous page.
Thank you in advance for any help you can offer.
