JSON Dynamic Widget Helper is a Visual Studio Code extension designed to assist developers working with the json_dynamic_widget package for Flutter. This extension provides tools to manipulate JSON, making it easier to work with dynamic widgets in your Flutter projects.
Demo
Features
Wrap existing widgets with new parent widgets (e.g., Column, Row, Container, or custom widgets)
Open a JSON file containing json_dynamic_widget structures in VS Code.
Select a line that contains "type" key of the widget you want to modify.
Press Cmd + . (Mac) or Ctrl + . (Windows/Linux) to open the code actions menu.
Choose from the available options:
Wrap with Column
Wrap with Row
Wrap with Container
Wrap with Center
Wrap with custom widget...
Remove this widget
Wrapping a Widget
Select the line that contains "type" key of the widget you want to wrap.
Open the code actions menu.
Choose "Wrap with..." and select the desired wrapper widget.
The extension will automatically wrap your selected widget with the chosen parent widget.
Removing a Widget
Select the line that contains "type" key of the widget you want to remove.
Open the code actions menu.
Choose "Remove this widget".
The extension will remove the selected widget from the JSON structure.
Contributing
Contributions are welcome! If you'd like to contribute to this project, please feel free to submit pull requests or open issues on the GitHub repository.