Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Flutter Utility SnippetsNew to Visual Studio Code? Get it now.
Flutter Utility Snippets

Flutter Utility Snippets

HaruhikoMotokawa

|
89 installs
| (0) | Free
A comprehensive snippet collection for Flutter and Dart development, including Riverpod, Hooks, Freezed, and test utilities. Simplify your workflow and boost productivity with frequently used code snippets.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Flutter Utility Snippets

Flutter Utility Snippets is a VSCode extension that provides a collection of frequently used snippets to enhance development efficiency in Flutter and Dart. This extension includes snippets for:

  • Flutter: Basic widgets and structures (StatelessWidget, StatefulWidget, Scaffold, etc.)
  • Dart: Classes, enums, loops, conditionals, and async processing
  • Riverpod: Templates for providers, notifiers, and ConsumerWidget
  • Hooks: Support for lifecycle and state management like HookWidget, useEffect, and useState
  • Freezed: Templates for Freezed models and JSON support

With this snippet collection, you can speed up your coding process and focus more on building your application.

Image

Main Features

  1. Snippet Categories
  • Basic Flutter widgets
  • Core Dart structures and async processing
  • State management templates with Riverpod
  • Lifecycle and state hooks with Flutter Hooks
  • Freezed model generation
  1. How to Use Snippets
  • Open a Dart file in VSCode, type the snippet prefix, and press Tab to expand.
  1. Installation
  • Download and install this extension in VSCode. 4.Contributing
  • Contributions are welcome! Feel free to submit pull requests to improve or add new snippets.

Snippet List

Flutter

Flutter SDK-related snippets use prefixes starting with f.

Widgets

  • fstateless: Generates a StatelessWidget with imports.
  • fstatelessnoimport: Generates a StatelessWidget without imports.
  • fstateful: Generates a StatefulWidget with imports.
  • fstatefulnoimport: Generates a StatefulWidget without imports.
  • fscaffold: Generates a Scaffold widget.
  • fcenter: Generates a Center widget.
  • fcolumn: Generates a Column widget.
  • frow: Generates a Row widget.
  • fstack: Generates a Stack widget.
  • fcontainer: Generates a Container widget.
  • ftext: Generates a Text widget.
  • felevated: Generates an ElevatedButton widget.
  • ftextbutton: Generates a TextButton widget.
  • ficonbutton: Generates an IconButton widget.
  • ficon: Generates an Icon widget.
  • flisttile: Generates a ListTile widget.
  • flisttilefull: Generates a full ListTile widget with leading, title, subtitle, trailing, and onTap callback.

Layout Widgets

  • fsizedboxwidthheight: Generates a SizedBox with width and height.
  • fsizedboxwidth: Generates a SizedBox with width.
  • fsizedboxheight: Generates a SizedBox with height.
  • fsizedboxshrink: Generates a SizedBox.shrink().
  • fexpanded: Generates an Expanded widget.
  • fflexible: Generates a Flexible widget.
  • fpadding: Generates a Padding widget.

EdgeInsets

  • fedgeinsetshorizontal: Generates EdgeInsets.symmetric(horizontal).
  • fedgeinsetsvertical: Generates EdgeInsets.symmetric(vertical).
  • fedgeinsetsall: Generates EdgeInsets.all().

Spacing and Dividers

  • fspacer: Generates a Spacer widget.
  • fdivider: Generates a Divider widget.

Images

  • fimage: Generates an Image.asset widget.

Utilities

  • faddpostframe: Generates WidgetsBinding.instance.addPostFrameCallback.
  • fbuildcontext: Generates BuildContext context.

Dart

Dart-related snippets use prefixes starting with d.

Class, Enum, and Extension

  • dclass: Generates a Dart class.
  • denum: Generates a Dart enum.
  • denumconstructor: Generates an enum with a constructor and a field.
  • dextension: Generates a Dart extension on a specific type. Basic Data Types
  • dstring: Generates String. Collection Types
  • dlist: Generates List.
  • dset: Generates Set.
  • dmap: Generates Map<dynamic, dynamic>. Asynchronous Operations
  • dfuture: Generates Future.
  • dstream: Generates Stream. Methods
  • dvoidmethod: Generates a void method.
  • dfuturemethod: Generates an async method that returns Future.
  • dstreammethod: Generates an async* method that returns Stream. Functions
  • danonfunc: Generates an anonymous function.
  • darrowright: Generates the right-hand side of an arrow function. Control Structures
  • dif: Generates an if statement.
  • difelese: Generates an if-else statement.
  • delseif: Generates an else if statement.
  • delse: Generates an else block.
  • dswitch: Generates a switch statement.
  • dswitchexpr: Generates a switch expression with pattern matching.
  • dfor: Generates a standard for loop.
  • dforin: Generates a for-in loop.
  • dwhile: Generates a while loop. Exception Handling
  • dtryoncatch: Generates a try-on-catch block.
  • dtryoncatchfinally: Generates a try-on-catch-finally block. Callbacks
  • dcallback: Generates a callback function signature.

Riverpod

Riverpod-related snippets use prefixes starting with r.

Annotations

  • rkeepalive: Generates a @Riverpod(keepAlive: true) annotation.

Providers

  • rprovider: Generates a Riverpod provider template with imports and part directive.
  • rprovidernoimport: Generates a simplified Riverpod provider template without ****imports and part directive.
  • rasyncprovider: Generates a Riverpod async provider template with imports and **part directive.
  • rasyncprovidernoimport: Generates a simplified Riverpod async provider template without imports and part directive.
  • rstreamprovider: Generates a Riverpod stream provider template with imports and part directive.
  • rstreamprovidernoimport: Generates a simplified Riverpod stream provider template without imports and part directive.

Notifiers

  • rnotifier: Generates a Riverpod notifier template.
  • rfuturenotifier: Generates a Riverpod future notifier template.
  • rstreamnotifier: Generates a Riverpod stream notifier template.

Listening

  • rlisten: Generates a ref.listen statement template.

Widgets

  • rconsumerwidget: Generates a ConsumerWidget class template.
  • rconsumer: Generates a Consumer widget template.
  • rhookconsumer: Generates a HookConsumer widget template.

Utility

  • rwidgetref: Generates a WidgetRef ref declaration.

Patterns

  • rwhen: Generates a Riverpod AsyncValue.when template to handle data, loading, and error states.
  • rswitch: Generates a switch statement template for AsyncValue to handle AsyncError, AsyncData, and the default case.

Hooks

Hooks-related snippets use prefixes starting with h.

  • hhookwidget: Generates a HookWidget template.
  • huseeffect: Generates a useEffect template.
  • husestate: Generates a useState template.
  • husetextcontroller: Generates a useTextEditingController template.
  • huseonapplifecycle: Generates a useOnAppLifecycleStateChange template.

Freezed

Freezed-related snippets use prefixes starting with @f.

  • @fmodel: Generates a Freezed model.
  • @fjson: Generates a Freezed model with JSON serialization support.
  • @fstate: Generates a Freezed state template.

Test

Test-related snippets use prefixes starting with t.

Unit Test

  • tunittesttemp: Generates a Flutter unit test template with Riverpod support.
  • twidgettesttemp: Generates a Flutter widget test template with Riverpod.
  • twidgettestpatroltemp: Generates a Flutter widget test template with Patrol and Riverpod.

Groups and Tests

  • tgroup: Generates a Flutter test group template.
  • ttest: Generates a Flutter test template.
  • twidgets: Generates a Flutter testWidgets template.
  • twidgetspatrol: Generates a Flutter patrolWidgetTest template.
  • tsetup: Generates a Flutter setUp template for test setup.

Async Test Operations

  • trunasyncpatrol: Generates a runAsync template for Patrol.
  • trunasynctestwidgets: Generates a runAsync template for testWidgets.

Tester Usage

  • tpatroltester: Generates a basic Patrol tester usage template.
  • ttester: Generates a basic Flutter tester usage template.

Mocking

  • tmockspec: Generates a MockSpec instance for mocking a class.
  • tmockclass: Generates a mock class template using Mockito.

Comment

Comment-related snippets use prefixes starting with c.

TODO and Notes

  • ctodo: Inserts a // TODO: comments comment.
  • cinfo: Inserts a // INFO: comments comment.
  • chack: Inserts a // HACK: comments comment.
  • cfixme: Inserts a // FIXME: comments comment.

Coverage

  • ccoverignorefile: Inserts a // coverage:ignore-file comment.
  • ccoverignorestart: Inserts a // coverage:ignore-start comment.
  • ccoverignoreend: Inserts a // coverage:ignore-end comment.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft