搜索插件、代码仓与 APP 分类

插件详情v0.3.0

progresso

适用于 Flutter 的线性进度条,支持非零起始值、线上的多个点以及自定义样式

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
282
喜欢数
23
Pub 分数
160

安装插件

flutter pub add progresso

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

Progresso 是一个可自定义的线性进度条,适用于 Flutter,支持非零起始值、进度条上的中间点以及丰富的样式选项。它使开发者能够创建视觉上独特的进度指示器,以满足特定的设计需求。非常适合用于表单进度跟踪、引导流程或任何需要动态且样式化的进度可视化场景。该包具有跨平台特性,可在 Android、iOS、Web、macOS、Windows 和 Linux 上无缝运行。

适合场景

  • 表单进度跟踪
  • 引导流程指示器
  • 自定义加载动画
  • 任务完成可视化
  • 交互式教程

主要特点

  • 非零起始点
  • 对中间标记的支持
  • 广泛的自定义样式
  • 跨平台兼容性
  • 平滑的动画过渡
  • 可配置的段落颜色

适合对象

  • 需要灵活进度条的开发者
  • 希望进行视觉自定义的设计人员
  • 具有复杂进度工作流的应用程序
  • 跨平台保持一致的用户界面所需的项目
  • 使用 Flutter 开发多平台应用的团队

使用建议

  • 需要手动处理动画时间
  • 限制为线性进度布局
  • 不支持内置的圆形进度
  • 样式可能需要仔细配置
  • 未针对高频更新进行优化

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

Progresso

A linear progress bar for Flutter.

Getting Started

Add to pubspec.yaml

progresso: <lastest version>

import in your flutter project

import 'package:progresso/progresso.dart';

Features

In its simplest form Progresso takes a progress parameter (0.0 to 1.0)

basic

Progresso(progress: 0.5);

You can also configure the color

custom color

Progresso(
    progress: 0.5, 
    progressColor: Colors.red, 
    backgroundColor: Colors.blue
);

Progresso can even start at a value that is not zero!

non-zero start

Progresso(start: 0.3, progress: 0.5);

Give the progress bar different stroke caps:

round end caps

Progresso(
    progress: 0.5, 
    progressStrokeCap: StrokeCap.round,
    backgroundStrokeCap: StrokeCap.round
);

Give a List of points to show points along the progress bar

points

Progresso(progress: 0.5, points: [0.2, 0.4]);

所属分类

源码仓库

使用此插件的项目

暂无相关数据。