FLUTTER ECOSYSTEM

yako-dev/flutter-full-screen-menu

適用於Flutter應用的全螢幕選單,以美觀的方式為使用者提供多種變體

flutter-full-screen-menu 專案封面
Stars
100
Forks
13
最近推送(UTC)
2026年4月9日
專案狀態
未封存
Yako GitHub avatar
GITHUB Organization

Yako ↗

Great mobile apps with Flutter

語言DartSwiftHTMLKotlinObjective-C

技術主題

此儲存庫發佈的套件

使用的依賴

依賴清單 3 項
  • flutter{"sdk":"flutter"}
  • flutter_test開發依賴{"sdk":"flutter"}
  • flutter_lints開發依賴^2.0.1

原始 README

以下為英文專案原文快照,最新內容請造訪 GitHub。

展開 / 收合專案 README

Full Screen Menu for Flutter

Pub Version

https://raw.githubusercontent.com/yako-dev/flutter-full-screen-menu/master/assets/full_screen_menu_logo.png

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