Widget rebuild on parent form change

Widgets & Design

I'm trying to build out a customizer tool that allows someone to customize a widget on the right-hand side of the screen.

So on the left I have fields (text, color pickers, dropdown, etc) that update component states on the page and the widget is on the right-hand side of the screen with parameters mapped to the component states.

The problem is that when I update the fields (which update the component states) it doesn't update the value within the widget. I believe I need to rebuild the widget when any of those fields change, but not sure how to accomplish that in realtime without reloading the page.

Any suggestions?

What have you tried so far?

I've tried creating a preview button that loads the widget when clicked and uses the component states. That works correctly, however its not exactly what I'm looking for. I'd like the widget to update in realtime as the user is updating the fields on the left.

Did you check FlutterFlow's Documentation for this topic?
No
1