Pakete, Repositories und App-Kategorien suchen

GitHub-Repositoryyako-dev/flutter-full-screen-menu

flutter-full-screen-menu

Vollbildmenü für Flutter-Anwendungen, um dem Benutzer auf schöne Weise eine große Vielzahl an Varianten zu bieten

Projektcover von flutter-full-screen-menu
Sterne
100
Forks
13
Letzter Push (UTC)
09.04.2026
Projektstatus
Aktiv

Original-README

Englischer Projektschnappschuss. Aktuelle Inhalte auf GitHub.

Full Screen Menu for Flutter

Pub Version

Installing:

  1. Add the dependency in your pubspec.yaml file.
dependencies:
  full_screen_menu: ^2.0.0
  1. Import the settings_ui package.
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('The weather is colder now');
        ),
        FSMenuItem(
          icon: Icon(Icons.wb_sunny, color: Colors.white),
          text: Text('Make hotter'),
          gradient: blueGradient,
          onTap: () => print('The weather is hotter now');
        ),
      ],
    );


Full Screen Menu Base Widget

The Full Screen Menu Base Widget is the block of your menu items located in your screen

Parameters
Parameter Description Required
Color backgroundColor Set a background color of your FullScreenMenu +
VoidCallback onHide Set a function which is called by pressing FAB -
List items Set a menu items which you want to display -
BuildContext context Set the context of your parent widget -
Function(AnimationController) animationController Setup your animation when open full screen menu +




FSMenuItem

The Full Screen Menu Base Widget is the block of your menu items located in your screen

Parameters
Parameter Description Required
Text text Set the text that will be displayed on the item -
Icon icon Set the icon that will be displayed on the item -
Function onTap Set The function that will be called when you click on item +
Gradient gradient Set a gradient that will fill the background of your icon +




License

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

Yako GitHub avatar
GitHub-Autor

Yako ↗

Great mobile apps with Flutter

SprachenDartSwiftHTMLKotlinObjective-C

Kategorien

Von diesem Repository veröffentlichte Pakete

Verwendete Abhängigkeiten

Abhängigkeiten 3 Einträge

  • flutter{"sdk":"flutter"}
  • flutter_testEntwicklung{"sdk":"flutter"}
  • flutter_lintsEntwicklung^2.0.1

Wie wähle ich ein passendes Repository?

Nach Anwendungsfall filtern, Aktivität vergleichen und vor der Nutzung das Originalprojekt prüfen.

  1. Nach Name, Autor oder Beschreibung suchen und nach Thema eingrenzen.
  2. Sterne, Forks und letzte Pushes vergleichen. Sterne zeigen Interesse, garantieren aber keine Qualität.
  3. Vor der Nutzung README, Lizenz und Issues auf GitHub prüfen.

Quellen und Pflege

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗