native_context_menu Native context menu for flutter apps Installation flutter pub add native_context_menu Usage import ‘package:native_context_menu/native_context_menu.dart’; import ‘package:flutter/material.dart’; void main() { runApp(App()); } class App extends StatefulWidget { const App({Key? key}) : super(key: key); @override State<App> createState() => _AppState(); } class _AppState extends State<App> { String? action; @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( ..
Category : Menu
Easy Sidemenu Easy sidemenu is An easy to use side menu (bar) for flutter that you can use for navigations in your application. Sidemenu is a menu that is usually located on the left or right of the page and can use for navigations or other things. Sidemenu is similar to the bottom navigation bar ..
Flutter Tutorial – Collapsible Sidebar Menu & Navigation Drawer Let’s create a Flutter Collapsible Sidebar Menu that can collapse and expand the Navigation Drawer in Flutter. Preview App Preview Course Preview Download Collapsible Sidebar Menu & Navigation Drawer source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Folding Menu This is an easy to use package for adding Folding Menu to your Flutter Applications Demo Usage To Use, simply add Folding Menu to your Stack Widget(as the Last Element for most Cases): body: Stack( children: [ Container( color: Colors.deepOrange, child: Center(child: Text(“Other Screen Content”,style: TextStyle(color: Colors.white,fontSize: 20),)),), // Add FoldingMenu as the ..
extended_tabs A powerful official extension library of Tab/TabBar/TabView, which support to scroll ancestor or child Tabs when current is overscroll, and set scroll direction and cache extent. Web demo for ExtendedTabs extended_tabs Usage ColorTabIndicator Link ScrollDirection CacheExtent Usage dependencies: flutter: sdk: flutter extended_tabs: any ColorTabIndicator Show tab indicator with color fill TabBar( indicator: ColorTabIndicator(Colors.blue), labelColor: ..
2itemAnimatedFabMenu | In Progress. An easy implementation of an animated FAB menu with 2 FAB descendants using AnimatedAlign widget. Usage Case 1: Screens that do not require keyboard input Works with code as it is. Case 2: Screens with keyboard input Wrapping the FABs with Visibility widget with visible:false when the user opens the keyboard hides the menu as ..
custom_navigation_bar A custom navigation bar with bubble click effect. Overview This project is inspired by this post from Dribbble and The Boring Flutter Development Show, Ep. 35 This package gives you a cute bubble effect when you click on the navigation bar. Dribbble: Implemented: Gallery How to install Add this to your package’s pubspec.yaml file: dependencies: custom_navigation_bar: ^0.3.0 ..
CircularDropDownMenu Description A custom dropdown button lets the user select from a number of items. The button shows the currently selected item as well as an arrow that opens a menu for selecting another item. A new Flutter package created by suryadevsingh. Demo Contributing Pull requests are welcome. For major changes, please open an issue ..
show_hide_fab A flutter package that provides easy methods to show and hide a FAB attached to a Scaffold. Basic Usage Simply add the ShowHideFAB to your Scaffold as the floatingActionButton parameter. ShowHideFAB( shouldShow: showFab, animationDuration: Duration(milliseconds: 500), fab: FloatingActionButton( backgroundColor: Colors.green, child: Icon(Icons.add, color: Colors.white), onPressed: () {}, ), ), Example This code demonstrates showing and hiding ..
navigation_rail_widget An example of Flutter New Widget NavigationRail Navigation Rail Download navigation rail widget source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
MultiLevel Drawer An easy to implement Multi-Level Drawer for Flutter Applications. Just use this in place of regular Scaffold Drawer and you are ready to go. Current Features Add MultiLevel Drawer to Selected Items Change Color of Main and Sub menu According to Your Application Needs. Demo Usage To Use, simply add MultiLevelDrawer to your ..
Foldable Sidebar An easy to implement Foldable Sidebar Navigation Drawer for Flutter Applications. Current Features Initial Release for Foldable Navigation Sidebar Demo Usage To Use, simply add FoldableSidebarBuilder to your Scaffold’s body, as follows: Important Enums: Download Fancy Foldable Sidebar source code on GitHub https://github.com/retroportalstudio/foldable_sidebar FlutterappworldProvides the list of the opensource Flutter apps collection with ..
Info: This is a repository for Flutter Focused Menu, an easy to implement package for adding Focused Long Press Menu to Flutter Applications. Focused Menu This is an easy to implement package for adding Focused Long Press Menu to Flutter Applications Current Features Add Focused Menu to Any Widget you Want Customizations to change The ..
Info: A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it. Motion Tab Bar A beautiful animated widget for your Flutter apps | Preview | |———|———-| | | Getting Started Add the plugin: dependencies: motion_tab_bar: ^0.0.1 Basic Usage ..
Liquid Shrink Side Menu A Side Menu plugin for flutter and compatible with liquid ui Side Menu Types There are 8 configuration of Liquid shrink side menu 1. SlideNRotate 2. SlideNRotate Inverse 3. ShrinkNRotate 4. ShrinkNRotate Inverse 5. Slide 6. Slide Inverse 7. ShrinkNSlide 8. ShrinkNSlide Inverse Getting Started Step 1: Add shrink_sidemenu to pubspec.yaml dependencies: flutter: sdk: flutter ..
A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration. pub package Getting Started Installation Basic Usage Installation Add circular_menu : ^latest_version to your pubspec.yaml, and run flutter pub get in your project’s root directory. Basic Usage Import it to your project file import ‘package:circular_menu/circular_menu.dart’; And add it in ..
Filter menu This is my first UI Challenge. I picked a design from Dribbble and implemented it in Flutter. The whole process of development is documented on my blog. Result On the left, you can see the design, on the right my result. Download Filter Menu App UI Source Code on GitHub https://github.com/MarcinusX/flutter_ui_challenge_filter_menu FlutterappworldProvides the list of the ..
guillotine A simple animated menu that illustrates the article published on didierboelens.com Step by step explanation A full explanation of how to build such a game may be found on my blog. Download guillotine Source Code on GitHub https://github.com/boeledi/guillotine FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Info: Full-screen menu for Flutter apps to give a user a broad variety of variants in a beautiful way. Installing: In your pubspec.yaml dependencies: full_screen_menu: ^0.1.1 import ‘package:full_screen_menu/full_screen_menu.dart’; Basic Usage: FullScreenMenu.show( context, items: [ FSMenuItem( icon: Icon(Icons.ac_unit, color: Colors.white), text: Text(‘Make colder’), onTap: () => print(‘Cool package check’); ), FSMenuItem( icon: Icon(Icons.wb_sunny, color: Colors.white), text: ..
Flutter App Templates
