unicorndial

패키지 개요

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

UnicornDial은 개발자가 수평 또는 수직 버튼 목록을 가진 플로팅 액션 메뉴를 쉽게 구현할 수 있도록 해주는 Flutter 패키지입니다. 깔끔하고 사용자 정의 가능한 인터페이스를 제공하여 앱에 상호작용 가능한 플로팅 버튼을 추가함으로써 사용자 탐색 및 접근성 향상을 도와줍니다. 부드러운 애니메이션과 직관적인 제스처를 지원하여 현대적인 UI 디자인에 이상적입니다. 최소한의 설정만으로 개발자는 동적이고 반응형 플로팅 메뉴를 애플리케이션에 통합할 수 있습니다. 단일 지점에서 여러 작업에 빠르게 접근해야 하는 앱에 특히 유용합니다.

사용 사례

다양한 앱 작업에 빠르게 접근
플로팅 메뉴를 통한 모바일 UI 개선
제스처 기반 탐색 만들기
모바일 앱에서 사용자 상호작용 향상
직관적인 앱 인터페이스 설계

주요 기능

수평 및 수직 플로팅 버튼 레이아웃
부드러운 애니메이션 전환
사용자 정의 가능한 버튼 스타일
손짓 기반 상호작용 지원
기존 Flutter 프로젝트와의 간편한 통합

적합한 대상

모바일 앱 개발자
Flutter를 사용하는 UI/UX 디자이너
접근 가능한 액션 허브가 필요한 앱
경량 FAB 솔루션을 찾는 개발자
직관적인 사용자 상호작용을 중시하는 프로젝트

고려 사항

제한된 플랫폼별 사용자 지정
복잡한 중첩 메뉴에 대한 내장 지원 없음
버튼 누름 로직을 수동으로 처리해야 함
매우 큰 버튼 목록에 최적화되지 않음
다크 모드 호환성을 위해 추가적인 스타일링이 필요할 수 있습니다

원본 README

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

UnicornDialer - :no_entry: [DEPRECATED]

Easily create your own floating action button list

alt text

Installing

Add UnicornDialer to your pubspec.yaml

unicorndial: "^1.1.5"

Options

UnicornDialer class

int orientation - Vertical or horizontal floating button list

Object parentHeroTag - Main FAB hero tag

Color backgroundColor - Modal background color

Icon parentButton - Starting Icon

Icon finalButtonIcon - Ending Icon (after animation is complete)

bool hasBackground - Background modal is set

Color parentButtonBackground - The main floating button background color

List<UnicornButton> childButtons Floating button list

int animationDuration Rotation and expanding animation duration (in milliseconds)

double childPadding - Right padding on the button label

Function onMainButtonPressed - To be called if set on the UnicornDialer parent widget

bool hasNotch - BottomAppBar support

UnicornButton class

FloatingActionButton currentButton - Floating list button

String labelText

double labelFontSize

Color labelColor

Color labelBackgroundColor

Color labelShadowColor - Label container shadow

bool labelHasShadow

bool hasLabel

Authors

Tiago Martins

License

This project is licensed under the MIT License - see the LICENSE.md file for details

분류, 패키지 및 저장소 검색

패키지 설치