Flutter Snippets

A set of Flutter predefine Snippets for Visual Studio Code. Create dart file and type 'flu' to see all available snippets, easy to use.

Adb connect

Enable Wireless debugging and Right corner in vs code click on wifi icon and scan QR code

Select your code then right click select remove comments

Trigger	Description
flu-bottomNavigationBar	Flutter bottomNavigationBar
flu-custom-bottom-navbar	flutter custom bottom navigation
flu-appbar-notify	Appbar with notification
flu-silver-appbar	flutter silver appbar
flu-drawer	Flutter Drawer
flu-tab	Flutter appbar tab
flu-DefaultTab	flutter tab, DefaultTabController
flu-navigator	Flutter Navigator push
flu-text	Text with style
flu-richText	Flutter RichText
flu-icn	Flutter Icon
flu-align	Flutter widget align
flu-circleAvatar	flutter Circle Avatar
flu-imgAsset	flutter add local image
flu-networkAsset	flutter add network image
flu-listTiles	Flutter ListTiles
flu-GestureDetector	Flutter GestureDetector
flu-tooltip	Flutter Tooltip
flu-LinearProgressIndicator	flutter Linear Progress Indicator
flu-template-profile-circle	flutter profile circle
flu-google-map	Flutter google map
flu-gradient	Flutter gradient
flu-template-dash	flutter dashboard template
flu-viewModel	flutter ViewModel
flu-repository	flutter Repository
flu-timepicker	flutter timepicker
flu-template-setting	flutter setting page
flu-template-setting2	flutter setting page
flu-template-Onboarding	flutter Onboarding design
flu-template-news-feed	flutter news feed vertical
flu-template-news-feed2	flutter news feed horizontal
flu-template-hero-list	flutter hero list
flu-temp-profile2	flutter snippet curve profile create

Trigger	Description
flu-container	Flutter container
flu-container-r	Flutter container radius and boder
flu-container-bg	Container background image
flu-container-transform	Flutter container transform
flu-container-animat	flutter Container animation
flu-ExpansionTile	flutter Expansion Tile, collapse card
flu-row	Flutter Row
flu-column	Flutter Column
flu-card-notify	Notification card
flu-SnackBar	Flutter SnackBar
flu-dialogBox	Flutter Dialog Box / popup
flu-bottomsheet	flutter bottm sheet sliding popup
flu-grid	Flutter grid
flu-table	Flutter table
flu-stack	Flutter stack
flu-clipRRect	Flutter clip Rectangle

Trigger	Description
flu-icnButton	Flutter Icon Button
flu-textButton	Flutter TextButton
flu-btn-outline	Outlined Button
flu-btn-elevated	Elevated Button
flu-btn-icn-text	Flutter icon and text
flu-floatingBtn	Flutter Floating Button
flu-popupmenu	flutter PopupMenu Button
flu-inkwell	flutter inkwell
flu-switch	Flutter toggle switch
flu-ActionChip	flutter Action Chip
flu-switch-color	Flutter toggle switch state color change

Trigger	Description
flu-textField	flutter text field
flu-textFormField	Flutter TextFormField
flu-dropdown-form	flutter drop down form
flu-radio	Flutter Radio button with enum
flu-custom-rdaio	flutter custom radio
flu-custom-checkbox	flutter custom checkbox
flu-checkBox	Flutter Check Box
flu-textField-l	Flutter TextField maxLines like textarea
flu-toggleswitch	Flutter toggle switch
flu-listview-search	flutter list view search
flu-chip	flutter chip
flu-chip-filter	flutter chip select

Trigger	Description
flu-api	Flutter Api
flu-futureBuilder	Flutter Future Builder tmplate

Trigger	Description
flu-providerOf	Get Provider
flu-provider	Create Provider
flu-consumer	Create a consumer
flu-changeNotifierProvider	Create a changeNotifierProvider

Right click on folder than select "Create Flutter" menu, you can convert json to dart

Provider MVVM File structure download Click here. Getx MVVM File structure download Click here.

This Visual Studio Code extension is open-source software licensed under the MIT license.