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