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.
| |
