Full screen menu for Flutter apps to give a user a broad variety of variants in beautiful way

Overview

Full Screen Menu for Flutter

Pub Version

Installing:

In your pubspec.yaml

dependencies:
  full_screen_menu: ^1.0.0
import 'package:full_screen_menu/full_screen_menu.dart';

Basic Usage:

    FullScreenMenu.show(
      context,
      items: [
        Image.asset('assets/image.png'),
        FSMenuItem(
          icon: Icon(Icons.ac_unit, color: Colors.white),
          text: Text('Make colder'),
          gradient: orangeGradient,
          onTap: () => print('Cool package check');
        ),
        FSMenuItem(
          icon: Icon(Icons.wb_sunny, color: Colors.white),
          text: Text('Make hotter'),
          gradient: blueGradient,
        ),
      ],
    );


License

This project is licensed under the Apache License 2.0 - see the LICENSE file for details

You might also like...

A Flutter package with an advanced dropdown Button which let you give different design on DropdownButton

Use decorated_dropdown button to add DropdownButton with decoration properties l

Dec 17, 2021

Magical 8 ball app will give you the answers to all the tricky questions in life

Magical 8 ball app will give you the answers to all the tricky questions in life

Magical 8 ball app will give you the answers to all the tricky questions in life. You can make the ball change at the press of a button.

Jan 6, 2022

Coolet - A simple app that will give you suggestion on what to wear/do using the latest weather status at your current location

Coolet - A simple app that will give you suggestion on what to wear/do using the latest weather status at your current location

coolet A simple app that gives you a suggestion on what to wear (sometimes do) b

Jan 20, 2022

This package give you ability to integrate with Drone API easily in any platform using Dart

This package give you ability to integrate with Drone API easily in any platform using Dart

Drone Dart Dart is a multi client programming language which allow you to compile and run your code on multiple platforms. Because of that we decided

Dec 22, 2022

A full screen mobile scanner for scanning QR Code and Bar Code.

Flutter QR Bar Scanner A Full Screen Scanner for Scanning QR code and Barcode using Google's Mobile Vision API Reading & Scanning QR/Bar codes using F

Oct 5, 2022

Flutter user list calendar - A flutter app that displays registered users on a calendar/list and allows to search for users using the full name

Flutter User Calendar A flutter app that displays registered users on a calendar

Jan 20, 2022

This is my way to build a Tagged Search Field that display a list with suggestions while the user type.

This is my way to build a Tagged Search Field that display a list with suggestions while the user type.

tagged_search_field This is my way to build a Tagged Search Field that display a list with suggestions while the user type. A regular search field at

Nov 5, 2021

Connection Notifier - A simple way to notify your user about the connection status.

Connection Notifier A simple way to notify your user about the connection status. Basic Usage: ConnectionNotifier class MyApp extends StatelessWidget

Apr 30, 2022

The simple way to show the user some information on your selected widget.

The simple way to show the user some information on your selected widget.

Info Popup The simple way to show the user some information on your selected widget. Features Info holder with dynamic size Fully editable content are

Nov 23, 2022
Comments
  • Pressing software back button on android will pop the scope of the page underneath the menu

    Pressing software back button on android will pop the scope of the page underneath the menu

    Hi,

    Assuming you don't implement willPopScope, pressing the back button on android while the full screen menu is open will close the app. Expectation is that, just like all bottomSheets, dialogs, etc. pressing the back button should hide the menu.

    This can be solved by doing something like: onWillPop: () async { FullScreenMenu.isVisible ? FullScreenMenu.hide() : ; return false; },

    But that doesn't seem like the way this should work.

    opened by Ro-El 1
  • Passing gradient to FSMenuItem does not do anything

    Passing gradient to FSMenuItem does not do anything

    Hi,

    FSMenuItem( icon: Icon(Icons.ac_unit, color: Colors.white), text: Text('On time'), onTap: () => print('On time'), gradient: << THIS DOES NOTHING ),

    Passing anything into gradient for FSMenuItem has no impact. I'm fairly certain your FullScreenMenuBaseWidget uses the index of the FSMenuItem in the items list to pull a gradient from your gradients list. This should be the intended way for this to work except when FSMenuItem is intentionally passed a different gradient e.g. LinearGradient(colors: [ Colors.pink, Colors.pink[300], ])

    A fix for this is necessary for the user to be able to use custom colors for the menu items.

    opened by Ro-El 1
  • Getting error when i add morethan 9 menu items

    Getting error when i add morethan 9 menu items

    ════════ Exception caught by widgets library ═══════════════════════════════════════════════════════
    The following RangeError was thrown building _OverlayEntry-[LabeledGlobalKey<_OverlayEntryState>#aeaa4](state: _OverlayEntryState#b4803):
    RangeError (index): Invalid value: Not in range 0..8, inclusive: 9
    
    The relevant error-causing widget was: 
      MaterialApp file:///home/tekfriday/AndroidStudioProjects/social_cards/lib/main.dart:49:12
    When the exception was thrown, this was the stack: 
    #0      List.[] (dart:core-patch/growable_array.dart:149:60)
    #1      __TDBaseWidgetState.initState (package:full_screen_menu/src/widgets/full_screen_menu_base_widget.dart:47:42)
    #2      StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4355:58)
    #3      ComponentElement.mount (package:flutter/src/widgets/framework.dart:4201:5)
    #4      Element.inflateWidget (package:flutter/src/widgets/framework.dart:3194:14)
    
    opened by Raviteja11122 1
  • what if i only wanted half screen layover - is that possible ?

    what if i only wanted half screen layover - is that possible ?

    this is not an issue i guess but a question - would it be possible to modify this to only do half the screen layover with the transparent black background instead of full screen layover ? and how would i do that ?

    opened by snsg 0
Owner
Yako
Great mobile apps with Flutter
Yako
The easiest way to create your animated splash screen in a fully customizable way.

Animated Splash Screen Check it out at Pub.Dev Do it your way Assets image Custom Widget Url image IconData Or just change PageTransition and/or Splas

Clean Code 104 Nov 10, 2022
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

Paras Jain 160 Dec 26, 2022
Arissettingsmenuexm - Settings Menu with different choices by clicking on a Popup Menu Button in Flutter

Flutter Tutorial - Settings Menu & AppBar Dropdown Menu Show a Flutter Settings

Behruz Hurramov 1 Jan 9, 2022
Flutter-pop-up-menu - Pop up Menu - Mobile Devices Programming

Pop Up Menu App A flutter demo app with a pop up menu button Developer Alexander Sosa (https://www.linkedin.com/in/alexander-sosa-asillanes/) Technolo

Alexander Sosa 0 Jan 3, 2022
Doctor Consultation App in Flutter containing splash screen on boarding screen Routing state management Dash board Bottom navigation Decorated Drawer and Doctors Screen in the last.

Online doctor Consultation App UI in Flutter Doctor Consultation App UI in Flutter Visit Website Features State Management Navigation Bar Responsive D

Habib ullah 14 Jan 1, 2023
Flutter Multi-platform allows developers to unleash their app to run on the wide variety of different platforms with little or no change.

Flutter Multi-platform sample Flutter Multi-platform allows developers to unleash their app to run on the wide variety of different platforms with lit

MindInventory 22 Dec 31, 2022
Magpie-fly is a component library produced by 58 Group, which encapsulates a variety of common components to meet the needs of developers

[toc] magpie_fly Magpie-fly 是58集体出品组件库,封装了多种常用组件,以满足开发者需求。(Magpie-fly is a component library produced by 58 Group, which encapsulates a variety of com

Wuba 40 Mar 18, 2022
A Dart EPUB parser built from the ground up, and designed to support a variety of use cases and custom

A Dart EPUB parser built from the ground up, and designed to support a variety of use cases and custom implementations such as on-device caching and serving content from a server.

getBoolean 11 Nov 3, 2022
Written using flutter,Give animals a new home

flutter_rehoming A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you sta

Taxze 9 Aug 16, 2022