动画锯齿形进度条

License Pub

这个 Flutter 小部件允许您创建一个自定义的、动画的锯齿形进度条。进度条高度可定制，允许您调整其高度、宽度、颜色和动画速度。该小部件易于集成到您的 Flutter 应用程序中，并可用于以视觉吸引人的方式显示进度。

特点

  • 可定制的高度、宽度和颜色
  • 动画锯齿形进度条
  • 具有可定制速度的平滑动画
  • 易于集成到 Flutter 应用程序中

用法

要将动画锯齿形进度条用于您的 Flutter 应用程序，只需在 pubspec.yaml 的 dependencies 中添加 animated_zigzag_progress_bar 包

dependencies:
  animated_zigzag_progress_bar: ^1.0.0

然后，在您的 Dart 代码中导入该包

import 'package:animated_zigzag_progress_bar/animated_zigzag_progress_bar.dart';

要创建进度条，只需调用 AnimatedZigZagProgressBar 小部件

AnimatedZigZagProgressBar(
  percentage: 0.5,
  height: 20.0,
  width: 300.0,
  color: Colors.blue,
  duration: Duration(milliseconds: 500),
)

示例

import 'package:flutter/material.dart';
import 'package:animated_zigzag_progress_bar/animated_zigzag_progress_bar.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Zig-Zag Progress Bar Demo',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Zig-Zag Progress Bar Demo'),
        ),
        body: Center(
          child: AnimatedZigZagProgressBar(
            percentage: 0.75,
            height: 20.0,
            width: 300.0,
            color: Colors.blue,
            duration: Duration(milliseconds: 500),
          ),
        ),
      ),
    );
  }
}

许可证本项目根据 MIT 许可证的条款进行许可。

GitHub

查看 Github