progress_indicator

패키지 개요

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

로딩 또는 처리 상태에서 사용자 경험을 향상시키기 위해 다양한 사용자 정의 진행률 표시기를 제공하는 플러터 패키지입니다. 유연성과 미적 감각을 고려하여 제작되었으며, 기본 표시기의 시각적으로 매력적인 대안을 제공합니다. 안드로이드, iOS, 웹, 맥OS, 윈도우, 리눅스 등 여러 플랫폼을 지원하여 크로스플랫폼 애플리케이션에 적합합니다. 통합 및 맞춤 설정이 간편하며, 추가적인 복잡성 없이 현대적이고 가벼운 로딩 애니메이션을 원하는 개발자에게 적합합니다.

사용 사례

로딩 화면
데이터 가져오기 지표
폼 제출 피드백
백그라운드 작업 추적
앱 스플래시 화면

주요 기능

여러 사용자 정의 가능한 인디케이터 디자인
크로스 플랫폼 호환성
경량이며 성능이 뛰어남
Flutter와의 간편한 통합
애니메이션 사용자 정의를 지원합니다

적합한 대상

모바일 및 웹 앱 개발자
시각적 완성도를 추구하는 UI/UX 디자이너
고유한 로딩 애니메이션을 필요로 하는 프로젝트
최소한의 설정을 원하는 개발자

고려 사항

기본 사용법 외에 문서가 제한적
복잡한 테마에 맞춰 스타일 조정이 필요할 수 있습니다
매우 동적 또는 상호작용적인 진행 추적에 적합하지 않습니다

원본 README

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

Progress Indicator

CircularProgress

Features

circular progress indicator.
bar progress indicator.

Usage

import 'package:progress_indicator/progress_indicator.dart';

CircularProgressIndicator

CircularProgress(
    percentage: 90.0,
    color: Colors.amber,
    backColor: Colors.grey,
    gradient: LinearGradient(colors: [Colors.blue, Colors.red]),
    showPercentage: true,
    textStyle:TextStyle(color: Colors.orange,fontSize: 70),
    stroke: 20,
    round: true,
),

BarProgressIndicator

BarProgress(
    percentage: 30.0,
    backColor: Colors.grey,
    gradient: LinearGradient(colors: [Colors.blue, Colors.red]),
    showPercentage: true,
    textStyle:TextStyle(color: Colors.orange,fontSize: 70),
    stroke: 40,
    round: true,
),

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

패키지 설치