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