This extension enhances the Flutter development experience in VS Code by allowing you to drag and drop widgets directly into the editor as text. When the cursor is placed on a widget name, the extension displays all the properties of the widget, which can be easily edited in the sidebar. To ensure changes are accurately reflected, the file must be saved after manual edits before using the showing and editing features.
Features
Drag and Drop Widgets: Easily drag and drop Flutter widgets into your editor as text.
Widget Properties Display: When your cursor is on a widget name, all its properties are displayed in the sidebar.
Sidebar Editing: Edit widget properties directly from the sidebar.
Auto-Detection: The extension automatically detects the Dart SDK location, prompting the user to specify it if not found.
Requirements
This extension requires the following dependencies:
Dart SDK: The Dart SDK must be added to your system's environment variables. The extension will prompt you to specify its location if it's not detected.
Dart Analysis Server: Ensure that the Dart Analysis Server is installed for the extension to function correctly.
Extension Settings
This extension contributes the following settings:
Known Issues
The file must be saved after manual edits for the extension's property display and editing features to work correctly.
Specify the path to the Dart SDK and Dart snapshot file.
Need to save after editing on texteditor.
Some property are not supported,e.g: styes,key.
Release Notes
0.0.2
Update flutter widgets list and edit
Color picker need to press enter after selected color.
Fixed edgeinsets
Added settings for autosave, dart path,dart snapshot path.
Run the command using the Command Palette (press Ctrl+Shift+P or Cmd+Shift+P on macOS),then type widgetedit. If no command type below to settings.json
"widgetedit.autosave": true, //true for autosave
"widgetedit.dartpath": "/path/to/dart-sdk", // where dart sdk path is
"widgetedit.dartsnapshot": "/path/to/dart-snapshot", // where dart snapshot path is
Initials
Drag from list and drop Flutter widgets as text.
Display and edit widget properties in the sidebar.
Following extension guidelines
Ensure that you've read through the extensions guidelines and follow the best practices for creating your extension.
