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

패키지 상세v1.2.0

flutter_colored_progress_indicators

Google 색상 강조를 포함한 Flutter의 CircularProgressIndicator 및 LinearProgressIndicator에 대한 대체 애니메이션 진행률 표시 위젯입니다.

30일 다운로드
43
좋아요
8
Pub 점수
40

패키지 설치

flutter pub add flutter_colored_progress_indicators

패키지 개요

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

Flutter용 사용자 정의 가능한 애니메이션 진행률 표시기 패키지로, 기본 CircularProgressIndicator 및 LinearProgressIndicator를 생동감 있는 구글 스타일 색상 강조로 개선합니다. 부드러운 애니메이션과 동적 색상 전환을 제공하여 로딩 상태에 시각적으로 매력적인 대안을 제시합니다. 성능이나 통합 용이성을 희생하지 않고 현대적인 UI에서 새로움과 몰입감을 주는 데 이상적입니다. 패키지는 최소한의 설정으로 원형 및 선형 진행률 표시기를 모두 지원합니다.

사용 사례

  • 로딩 화면 개선
  • 양식 내 사용자 피드백 개선
  • 앱 상태 전이 시각화
  • 매력적인 온보딩 경험 만들기
  • 데이터 로딩 인디케이터에 개성 추가하기

주요 기능

  • Google 색상 강조 테마
  • 부드러운 애니메이션 전환
  • 원형 및 선형 인디케이터 지원
  • 필수 최소 구성
  • 사용자 정의 가능한 색상과 속도

적합한 대상

  • 현대적인 UI 요소를 찾는 개발자
  • 높은 시각적 디자인 기준을 갖춘 앱
  • 매력적인 로딩 애니메이션을 필요로 하는 프로젝트
  • 디자인 중심의 플러터 애플리케이션
  • 빠른 진행률 표시기 업그레이드를 원하는 팀

고려 사항

  • 제한된 플랫폼별 사용자 지정
  • 미니멀리즘 디자인 미학과 어울리지 않을 수 있음
  • 기본적인 Flutter 위젯 개념을 이해하고 있어야 함
  • 극도로 높은 성능의 루프에 최적화되지 않음
  • 업데이트를 위해 외부 GitHub 저장소에 의존합니다

원본 README

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

flutter_colored_progress_indicators | flutter flutter


example

An alternate animated progress indicator widget for flutter's CircularProgressIndicator, LinearProgressIndicator and RefreshIndicator with Google color accents.

Features

  • Colorful CircularProgressIndicator
  • Colorful LinearProgressIndicator
  • Colorful RefreshIndicator yes that's it.

Getting Started

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  flutter_colored_progress_indicators: ^1.2.0

In your library add the following import:

import 'package:flutter_colored_progress_indicators/flutter_colored_progress_indicators.dart';

After that run flutter pub get

For help getting started with Flutter, view the online documentation.

Usage

For Circular Progress Indicator -
...
child: ColoredCircularProgressIndicator()
...
For Linear Progress Indicator -
...
child: ColoredLinearProgressIndicator()
...
For Refresh Indicator -
...
child: ColoredRefreshIndicator(
  child: SingleChildScrollView(
    physics: AlwaysScrollableScrollPhysics(),
    child: ...
  )
)
...

Properties

Same as that of Flutter's official CircularProgressIndicator, LinearProgressIndicator and RefreshIndicator but without the valueColor/color property (because it changes with the color animation).

Changelog

See CHANGELOG.md for recent changes.

TO-DO

  • [x] Merge changes from official flutter dev branch
  • [ ] Shorter names for indicators
  • [x] Google color accents
  • [ ] Animation speed control factor
  • [x] Refactoring

Contributions

You can be of great help if you want to improve or add anything !

  • If you found a bug, open an issue.
  • If you have a feature request, open an issue.
  • If you want to contribute, submit a pull request.

License

Package licensed under the MIT License.

카테고리

소스 저장소

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

아직 데이터가 없습니다.