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

패키지 상세v0.0.1

radial_menu

Flutter 레디얼 메뉴가 열리고 원형으로 아이콘을 노출합니다

30일 다운로드
12
좋아요
17
Pub 점수
40

패키지 설치

flutter pub add radial_menu

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

RadialMenu는 중심점에서 퍼져나가는 원형 상호작용 메뉴를 생성할 수 있는 Flutter 패키지입니다. 아이콘은 반경 방향으로 배열됩니다. 모바일 인터페이스에 적합하며, 여러 작업에 시각적으로 매력적인 방식으로 접근할 수 있도록 사용자 상호작용을 향상시킵니다. 부드러운 애니메이션과 사용자 정의 가능한 레이아웃을 지원하여 직관적인 제스처 기반 탐색이 필요한 앱에 적합합니다. 기존의 Flutter 프로젝트와 원활하게 통합되며, 간편함과 성능을 고려해 설계되었습니다.

사용 사례

  • 모바일 앱 작업 허브
  • 제스처 기반 탐색
  • 인터랙티브 UI 요소
  • 플로팅 액션 메뉴 대안
  • 게임 제어 패널

주요 기능

  • 원형 아이콘 레이아웃
  • 부드러운 애니메이션 전환
  • 사용자 정의 반경 및 간격
  • Flutter와의 간편한 통합
  • 터치 및 제스처 지원

적합한 대상

  • 현대적인 UI 패턴을 찾는 개발자
  • 복잡한 작업 세트를 갖춘 앱
  • 디자인 중심의 모바일 애플리케이션
  • 인터랙티브 프로토타입
  • UI/UX 실험

고려 사항

  • 제한된 플랫폼 지원(지정된 플랫폼 없음)
  • 다양한 화면 크기에서 테스트가 필요할 수 있습니다
  • 터치 인터페이스에 가장 적합
  • 접근성 중심 앱에는 적합하지 않음
  • 많은 아이콘과 함께 가능한 성능 영향

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Flutter Radial Menu

pub package

A simple radial menu Demo screenshot

Usage

Add radial_menu to your pubspec:

dependencies:
  radial_menu: any # or the latest version on Pub

Define your list of RadialMenuEntry:

List<RadialMenuEntry> radialMenuEntries = [
    RadialMenuEntry(icon: Icons.restaurant, text: 'Restaurant'),
    RadialMenuEntry(icon: Icons.hotel,text: 'Hotel'),
    RadialMenuEntry(icon: Icons.pool, text: 'Pool'),
    RadialMenuEntry(icon: Icons.shopping_cart, text: 'Shop'),
  ];

Then add it to your RadialMenu:

  Widget build(BuildContext context) {
    return RadialMenu(entries: radialMenuEntries,);
  }

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.