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.
Available Snippets
Template
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 |
Layout
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 |
API
Trigger |
Description |
flu-api |
Flutter Api |
flu-futureBuilder |
Flutter Future Builder tmplate |
Provider
Trigger |
Description |
flu-providerOf |
Get Provider |
flu-provider |
Create Provider |
flu-consumer |
Create a consumer |
flu-changeNotifierProvider |
Create a changeNotifierProvider |
MVVM File structure download Click here.
[Visite for more information]
License
This Visual Studio Code extension is open-source software licensed under the MIT license.
| |