ducafecatFlutter 생태계 탐색
FLUTTER ECOSYSTEM

stefanJi/IntervalProgressBar

간단하고 색다른 프로그레스 바

GitHub에서 보기 ↗
IntervalProgressBar 프로젝트 이미지
Stars
9
Forks
7
최근 푸시(UTC)
2021. 6. 3.
프로젝트 상태
활성
Yang Ji GitHub avatar
GITHUB User

Yang Ji ↗

ChengDu, China공식 웹사이트 ↗
언어DartObjective-CJava

기술 주제

# flutter# widget# progressbar

이 저장소가 배포한 패키지

사용 중인 의존성

의존성 목록 3 개
  • flutter{"sdk":"flutter"}
  • pedantic^1.5.0
  • flutter_test개발 의존성{"sdk":"flutter"}

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

README 펼치기 / 접기

IntervalProgressBar

Package

An interval progress widget for Flutter.

Preview

v1 v2
demo demo v2.0.1

Depend on it

https://pub.dev/packages/intervalprogressbar

Add this to your package's pubspec.yaml file:

dependencies:
  intervalprogressbar: ^{last_version}

Features

  • Horizontal
  • Vertical
  • Circle
  • Interval Progress
  • Colorful

Getting Started

Usage
Widget buildHorizontal() => IntervalProgressBar(
    direction: IntervalProgressDirection.horizontal,
    max: 30,
    progress: 10,
    intervalSize: 2,
    size: Size(400, 10),
    highlightColor: Colors.red,
    defaultColor: Colors.grey,
    intervalColor: Colors.transparent,
    intervalHighlightColor: Colors.transparent,
    reverse: true,
    radius: 0);

Widget buildVertical() => Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [10, 29, 18, 27, 16, 15, 24, 3, 20, 10].map<Widget>((i) {
      return Padding(
          padding: EdgeInsets.only(right: 10),
          child: IntervalProgressBar(
              direction: IntervalProgressDirection.vertical,
              max: 30,
              progress: i,
              intervalSize: 2,
              size: Size(12, 200),
              highlightColor: Colors.red,
              defaultColor: Colors.grey,
              intervalColor: Colors.transparent,
              intervalHighlightColor: Colors.transparent,
              reverse: true,
              radius: 0));
    }).toList());

Widget buildCircle() => IntervalProgressBar(
      direction: IntervalProgressDirection.circle,
      max: 30,
      progress: 10,
      intervalSize: 2,
      size: Size(200, 200),
      highlightColor: Colors.red,
      defaultColor: Colors.grey,
      intervalColor: Colors.transparent,
      intervalHighlightColor: Colors.transparent,
      reverse: true,
      radius: 0,
      intervalDegrees: 5,
      strokeWith: 5,
    );
Property
Property type note
direction enum ProgressBar's direction, support vertical and horizontal
max int count of default blocks
progress int count of highlight blocks
intervalSize int size of interval blocks. when vertical direction, means height, when horizontal direction, means width
size Size size of this widget
highlightColor Color color of highlight blocks
defaultColor Color color of default blocks
intervalColor Color color of default intervals
intervalHighlightColor Color color of intervals which between highlight blocks
reverse bool
radius int
intervalDegrees double support for circle progress
strokeWith int support for circle progress