Goal: Be able to sync component state changes on "Navigate Back" between a component that is shown on a Page, and when you navigate back, is shown in a ListView along with many other replicated components.
Please see an example project here: https://app.flutterflow.io/project/test-list-view-pass-r0bcaq
So, you will see a Home and viewPage page. The app is simple: a ListView on Home calls down data from an API using infinite scroll (right now it doesn't paginate, just using it as an example of the use case) and then a component is used to fill the ListView. The component has its parameters set based on the API call, and then onInitiation, the component transfers the parameters to component state so that you can interact with them. If you click a button on the component on the Home page, it takes you to a viewPage that only shows that component.
The component has a state that is shown in choice chips as "True" or "False", and when you select true or false in the choice chips, it updates that component state as well. Given I can pass data from the Home page to the viewPage page on "Navigate" using parameters, I can pass my current component state to the viewPage parameter, and keep the data in sync that way (Home page component state -> viewPage page component parameter). So if I select "False" on the Home Page and then click the button, I will see a component that is also "False" on the viewPage.
However, if on viewPage I click "True" and then click the back button, I cannot pass data back to update that component in the ListView.
Is anyone aware of a way to achieve this functionality (completely open to a different structure if this is just poorly designed for FF)? I think it would require:
Being able to pass data back on a "Navigate Back"
Update a component in a ListView without reloading the ListView (you want to be able to scroll down on Home, click on a component, view the viewPage and make a change to the True / False" and then navigate back with the ListView being in the same scroll position.
Thank you!