패키지, 저장소 및 앱 카테고리 검색

GitHub 저장소yako-dev/flutter-full-screen-menu

flutter-full-screen-menu

Flutter 앱용 전체 화면 메뉴로 사용자가 아름답게 다양한 옵션을 제공받을 수 있도록 합니다

flutter-full-screen-menu 프로젝트 이미지
스타
100
포크
13
최근 푸시(UTC)
2026. 4. 9.
프로젝트 상태
활성

원본 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 ↗