パッケージ、リポジトリ、アプリカテゴリを検索

GitHub リポジトリyako-dev/flutter-full-screen-menu

flutter-full-screen-menu

Flutterアプリ用のフルスクリーンメニューで、ユーザーに美しい方法で幅広いバリエーションを提供する

flutter-full-screen-menu のプロジェクト画像
スター
100
フォーク
13
最終プッシュ(UTC)
2026/04/09
プロジェクト状態
公開中

元の README

以下は英語原文のスナップショットです。最新版は 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 作者

Yako ↗

Great mobile apps with Flutter

言語DartSwiftHTMLKotlinObjective-C

カテゴリー

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 3 件

  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}
  • flutter_lints開発用^2.0.1

プロジェクトに合うリポジトリを選ぶには?

用途で絞り込み、開発状況を比較し、採用前に元のリポジトリで要件を確認しましょう。

  1. 名前・作者・説明で検索し、技術トピックで絞り込みます。
  2. スター、フォーク、最近のプッシュを比較します。スターは関心の目安であり、品質の保証ではありません。
  3. 利用前に GitHub で README、ライセンス、Issues を確認します。

情報源と管理

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

GitHub Docs — About repositories ↗