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

ducafecatFlutter 생태계 탐색
drag_ball 표지
패키지 상세v2.0.1

drag_ball

아이폰의 AssistiveTouch와 유사한 Flutter 패키지입니다.

AndroidiOSWebmacOSWindowsLinux
pub.dev API 문서 소스 코드
30일 다운로드
1.2천
좋아요
53
Pub 점수
150

패키지 설치

flutter pub add drag_ball

패키지 개요

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

DragBall은 iPhone의 AssistiveTouch 기능과 유사한 부유형 드래그 가능한 위젯을 제공하는 Flutter 패키지입니다. 사용자는 원형 버튼을 화면 전체에서 자유롭게 이동시켜 UI를 방해하지 않으면서 자주 사용하는 작업에 쉽게 접근할 수 있습니다. 접근성 또는 빠른 탐색에 적합하며 Android, iOS, Web, macOS, Windows, Linux 등 주요 플랫폼을 모두 지원합니다. 패키지는 가볍고 사용자 정의가 가능하여 개발자가 최소한의 설정으로 앱에 지속적인 상호작용 요소를 통합할 수 있게 해줍니다.

사용 사례

  • 접근성 향상
  • 빠른 작업 접근
  • 사용자 정의 플로팅 컨트롤
  • 손짓 기반 탐색
  • 앱 유틸리티 도구
  • 모바일 우선 UI 설계

주요 기능

  • 끌어다닐 수 있는 부유 구슬
  • 크로스 플랫폼 지원
  • 최소 설정
  • 사용자 정의 가능한 외관
  • 부드러운 애니메이션
  • 반응형 상호작용

적합한 대상

  • 접근성 있는 앱을 개발하는 개발자
  • 인터랙티브 요소를 찾는 UI 디자이너
  • 지속적인 플로팅 버튼이 필요한 앱
  • 다중 플랫폼을 대상으로 하는 프로젝트
  • 빠른 액세스 인터페이스 프로토타이핑

고려 사항

  • UI 혼잡을 피하기 위해 신중한 배치가 필요할 수 있습니다
  • 저사양 기기에서의 성능 영향
  • 화면당 하나의 활성 공만 가능
  • 복잡한 상호작용에 적합하지 않음
  • 일부 플랫폼에서는 사용자 권한이 필요합니다
  • 앱 테마와의 디자인 일관성

원본 README

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

cover

flutter badge paypal
qr-paypal

A flutter package, inspiration Indonesian e-commerce widget or similiar AssistiveTouch on Iphone.

📌 Note

  • Put [DragBall] on top the Scaffold

Example

Dragball(
  ball: const FlutterLogo(
    size: 70,
  ),
  initialPosition: DragballPosition.defaultPosition(),
  onTap: () => debugPrint('Dragball Tapped'),
  onPositionChanged: (DragballPosition position) =>
      debugPrint(position.toString()),
  child: Scaffold(
    appBar: AppBar(
      title: const Text('Dragball Example'),
    ),
    body: ListView.builder(
      padding: const EdgeInsets.all(20),
      itemBuilder: (BuildContext context, int index) {
        return Padding(
          padding: const EdgeInsets.only(bottom: 20),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: const [
              SizedBox(
                width: 100,
                height: 30,
                child: DecoratedBox(
                  decoration: BoxDecoration(
                    color: Color(0xFFE5E5E5),
                    borderRadius: BorderRadius.all(Radius.circular(15)),
                  ),
                ),
              ),
              SizedBox(height: 16),
              SizedBox(
                width: double.infinity,
                height: 160,
                child: DecoratedBox(
                  decoration: BoxDecoration(
                    color: Color(0xFFE5E5E5),
                    borderRadius: BorderRadius.all(Radius.circular(15)),
                  ),
                ),
              ),
              SizedBox(height: 16),
              SizedBox(
                width: 200,
                height: 30,
                child: DecoratedBox(
                  decoration: BoxDecoration(
                    color: Color(0xFFE5E5E5),
                    borderRadius: BorderRadius.all(Radius.circular(15)),
                  ),
                ),
              ),
            ],
          ),
        );
      },
      itemCount: 5,
    ),
  ),
);
Output

output

🚧 Maintener

account avatar
Farhan Fadila
📫 How to reach me: farhan.fadila1717@gmail.com

❤️ Suport Maintener

badge paypal badge linktree

qr-paypal

카테고리

플로팅 액션 버튼

소스 저장소

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

아직 데이터가 없습니다.