progress_indicator_button

패키지 개요

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

폼 제출이나 로딩 상태와 같은 작업 중에 진행률 표시기로 전환할 수 있는 사용자 정의 가능한 버튼을 제공하는 플러터 패키지입니다. 추가 위젯 없이도 진행 중인 프로세스를 시각적으로 나타내어 사용자 경험을 향상시킵니다. 버튼은 표준 상태에서 부드럽게 로딩 스피너 또는 사용자 지정 진행 UI로 애니메이션되며, 완료되면 원래 형태로 돌아갑니다. 폼, 인증 흐름 및 비동기 작업 중 명확한 피드백이 필요한 모든 상황에 적합합니다.

사용 사례

폼 제출
인증 흐름
로딩 상태 표시기
비동기 작업 피드백
사용자 작업 확인

주요 기능

진행률 표시기로의 부드러운 전환
사용자 정의 가능한 로딩 UI
자동 상태 관리
완료 시 콜백 지원
경량이며 통합이 쉬움

적합한 대상

간단한 로딩 버튼
사용자 중심의 폼
모바일 앱 상호작용
빠른 UI 개선
최소 설정을 원하는 개발자

고려 사항

기본 스타일링을 초과한 제한된 사용자 정의
복잡한 애니메이션에 대한 내장 지원 없음
외부 상태 관리에 의존
매우 동적인 진행 막대에 적합하지 않음
비동기 로직을 수동으로 처리해야 합니다

원본 README

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

Progress Button

A simple button that gives you the possibility to transform into a circular one and shows a progress indicator.

How to use

Container(
    width: 200,
    height: 60,
    child: ProgressButton(
        borderRadius: BorderRadius.all(Radius.circular(8)),
        strokeWidth: 2,
        child: Text(
            "Sample",
            style: TextStyle(
                color: Colors.white,
                fontSize: 24,
            ),
        ),
        onPressed: (AnimationController controller) {
            if (controller.isCompleted) {
                controller.reverse();
            } else {
                controller.forward();
            }
        },
    ),
),

Please check the sample folder for a simple implementation.

Changelog

Please see the Changelog page to know what's recently changed.

Contributions

Feel free to contribute to this project.

If you find a bug or want a feature, but don't know how to fix/implement it, please fill an issue.
If you fixed a bug or implemented a new feature, please send a pull request.

License

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

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

패키지 설치