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

simple_speed_dial 표지
패키지 상세v0.1.7

simple_speed_dial

Flutter용 간단한 스피드 다이얼입니다. 원하는 만큼 스피드 다이얼 옵션을 사용할 수 있습니다. 스피드 다이얼 옵션 옆에 레이블을 사용할 수 있습니다. 각 FAB의 색상을 설정할 수 있습니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
1.4천
좋아요
95
Pub 점수
160

패키지 설치

flutter pub add simple_speed_dial

패키지 개요

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

사용자가 여러 개의 플로팅 액션 버튼(FAB)을 추가할 수 있도록 해주는 사용자 정의 가능한 스피드 다이얼 위젯을 제공하는 가벼운 플러터 패키지입니다. 선택적 레이블과 개별 색상 설정도 가능합니다. 깔끔하고 컴팩트한 인터페이스를 가진 앱에서 탐색 기능을 향상시키기에 이상적입니다. 스피드 다이얼은 안드로이드, iOS, 웹, 맥OS, 윈도우, 리눅스 등 주요 모든 플랫폼을 지원합니다. 간단함과 유연성을 고려해 설계되어 기존 플러터 프로젝트에 쉽게 통합할 수 있습니다.

사용 사례

  • 여러 작업에 빠르게 접근
  • 앱 탐색 향상
  • 작은 레이아웃에 맥락 옵션 추가하기
  • FAB 모양 맞춤 설정
  • 인터랙티브 UI 요소 만들기

주요 기능

  • 무제한 FAB 옵션 지원
  • FAB에 옵션 레이블
  • FAB별 사용자 지정 색상
  • 크로스 플랫폼 호환성
  • Flutter와의 간단한 통합
  • 반응성 있고 부드러운 애니메이션

적합한 대상

  • 최소한의 스피드 다이얼 솔루션을 찾는 개발자
  • 빠른 작업 접근이 필요한 앱
  • 유연한 FAB 레이아웃을 원하는 UI 디자이너
  • 다중 플랫폼을 대상으로 하는 프로젝트
  • Flutter 초보자가 FAB 패턴 탐색 중

고려 사항

  • 복잡한 레이아웃을 위해 추가 스타일링이 필요할 수 있습니다
  • 제한된 내장 애니메이션 사용자 정의
  • 매우 동적인 또는 데이터 기반의 다이얼에는 적합하지 않음
  • 정적 또는 예측 가능한 작업 세트에 가장 적합
  • 터치 이벤트를 수동으로 처리해야 합니다

원본 README

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

simple_speed_dial

A simple speed dial widget for Flutter.

Demonstration:

Demonstration

Usage:

Scaffold(
  floatingActionButton: SpeedDial(
    child: Icon(Icons.add),
    closedForegroundColor: Colors.black,
    openForegroundColor: Colors.white,
    closedBackgroundColor: Colors.white,
    openBackgroundColor: Colors.black,
    labelsStyle: /* Your label TextStyle goes here */,
    labelsBackgroundColor: Colors.white,
    controller: /* Your custom animation controller goes here */,
    speedDialChildren: <SpeedDialChild>[
      SpeedDialChild(
        child: Icon(Icons.directions_run),
        foregroundColor: Colors.white,
        backgroundColor: Colors.red,
        label: 'Let\'s start a run!',
        onPressed: () {
          setState(() {
            _text = 'You pressed \"Let\'s start a run!\"';
          });
        },
        closeSpeedDialOnPressed: false,
      ),
      SpeedDialChild(
        child: Icon(Icons.directions_walk),
        foregroundColor: Colors.black,
        backgroundColor: Colors.yellow,
        label: 'Let\'s go for a walk!',
        onPressed: () {
          setState(() {
            _text = 'You pressed \"Let\'s go for a walk!\"';
          });
        },
      ),
      //  Your other SpeedDialChildren go here.        
    ],
  ),
);

카테고리

소스 저장소

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

아직 데이터가 없습니다.