Merge pull request #4 from PlugFox/feature/wrap-with-sizedbox

Wrap with SizedBox

Author: PlugFox

README.md

@@ -8,6 +8,7 @@ This package extends your Flutter development experience by providing convenient
 
 Simply select the widget you want to wrap, and choose the appropriate "Wrap with..." command from the command palette, or use the provided snippets to quickly insert the desired wrapper code into your widget tree.
 
+- **Wrap with SizedBox**: Surround your widget with a `SizedBox` to provide constraints on its size, such as width, height, or aspect ratio.
 - **Wrap with ListenableBuilder**: Easily wrap any widget with a `ListenableBuilder` to rebuild the widget based on changes in a `Listenable` object.
 - **Wrap with ValueListenableBuilder<T>**: Automatically wrap your widget with a `ValueListenableBuilder` to react to changes in a `ValueListenable<T>`.
 - **Wrap with RepaintBoundary**: Encapsulate your widget within a `RepaintBoundary` to isolate its repaint process, improving performance in complex UIs.

package.json

@@ -3,7 +3,7 @@
   "displayName": "Flutter Plus",
   "description": "Extension with various improvements for Flutter",
   "icon": "assets/logo.png",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "pricing": "Free",
   "engines": {
     "vscode": "^1.92.0"
@@ -39,6 +39,10 @@
         "command": "flutter-plus.sealed-states",
         "title": "Create Sealed States"
       },
+      {
+        "command": "flutter-plus.wrap-sizedbox",
+        "title": "Wrap with SizedBox"
+      },
       {
         "command": "flutter-plus.wrap-listenablebuilder",
         "title": "Wrap with ListenableBuilder"

src/code-actions/code-action-wrap.ts

@@ -12,6 +12,10 @@ export class CodeActionWrap implements CodeActionProvider {
         if (selectedText === "") return [];
 
         return [
+            {
+                command: "flutter-plus.wrap-sizedbox",
+                title: "Wrap with SizedBox",
+            },
             {
                 command: "flutter-plus.wrap-listenablebuilder",
                 title: "Wrap with ListenableBuilder",

src/commands/wrap-with.command.ts

@@ -1,5 +1,16 @@
 import { wrapWith } from "../utils";
 
+const snippetSizedBox = (widget: string) => {
+  return `SizedBox(
+  width: \${1:double.infinity},
+  height: \${2:double.infinity},
+  child: ${widget},
+)`;
+};
+
+export const wrapWithSizedBox = async () =>
+  wrapWith(snippetSizedBox);
+
 const snippetListenableBuilder = (widget: string) => {
   return `ListenableBuilder(
   listenable: \${1:listenable},
@@ -8,6 +19,8 @@ const snippetListenableBuilder = (widget: string) => {
 )`;
 };
 
+export const wrapWithListenableBuilder = async () => wrapWith(snippetListenableBuilder);
+
 const snippetValueListenableBuilder = (widget: string) => {
   return `ValueListenableBuilder<\${1:Value}>(
   valueListenable: \${2:valueListenable},
@@ -16,14 +29,13 @@ const snippetValueListenableBuilder = (widget: string) => {
 )`;
 };
 
+
+export const wrapWithValueListenableBuilder = async () => wrapWith(snippetValueListenableBuilder);
+
 const snippetRepaintBoundary = (widget: string) => {
   return `RepaintBoundary(
   child: ${widget},
 )`;
 };
 
-export const wrapWithListenableBuilder = async () => wrapWith(snippetListenableBuilder);
-
-export const wrapWithValueListenableBuilder = async () => wrapWith(snippetValueListenableBuilder);
-
 export const wrapWithRepaintBoundary = async () => wrapWith(snippetRepaintBoundary);

src/extension.ts

@@ -9,6 +9,7 @@ import {
 	sealedStates,
 	wrapWithListenableBuilder,
 	wrapWithRepaintBoundary,
+	wrapWithSizedBox,
 	wrapWithValueListenableBuilder,
 } from "./commands";
 
@@ -26,6 +27,7 @@ export function activate(context: vscode.ExtensionContext) {
 			vscode.window.showInformationMessage('Hello World from Flutter Plus!');
 		}), */
 		commands.registerCommand("flutter-plus.sealed-states", sealedStates),
+		commands.registerCommand("flutter-plus.wrap-sizedbox", wrapWithSizedBox),
 		commands.registerCommand("flutter-plus.wrap-listenablebuilder", wrapWithListenableBuilder),
 		commands.registerCommand("flutter-plus.wrap-valuelistenablebuilder", wrapWithValueListenableBuilder),
 		commands.registerCommand("flutter-plus.wrap-repaintboundary", wrapWithRepaintBoundary),