FLUTTER ECOSYSTEM

shirne/progress_border

Borderに似たBoxBorderですが、進行状況に応じて境界の一部を描画し、円、長方形、長方形をサポートしています

GitHub で見る ↗

Stars: 16
Forks: 3
最終プッシュ（UTC）: 2023/11/01
プロジェクト状態: 公開中

GITHUB User

shirne ↗

Flutter/PHP/Java/.NET/Vue

语辰软件中国广东惠州公式サイト ↗

言語DartC++CMakeHTMLCSwiftKotlinObjective-C

このリポジトリが公開するパッケージ

v0.1.5

progress_border

Borderに似たBoxBorderですが、進行状況に応じて一部のボーダーを描画します。円、矩形、長方形をサポートしています。

31いいね 310030日間ダウンロード160Pub ポイント

AndroidiOSWebmacOSWindowsLinux

使用している依存関係

依存関係一覧 3 件

flutter{"sdk":"flutter"}
flutter_test開発用{"sdk":"flutter"}
flutter_lints開発用^2.0.0

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

ProgressBorder

pub package

A BoxBorder like Border but draw part of the border according to the progress, supported circle, rect, rectangle.

Features

✅ Draw part of border
✅ Supported circle, reactangle
✅ Background Border under progress border
🚧 PathMetric cache
🚧 Custom Paint

Preview

ProgressBorder
toast

Getting started

flutter pub add progress_border

Usage

Container(
    width: 100,
    height: 100,
    decoration: BoxDecoration(
        color: Colors.blue.withAlpha(100),
        border: ProgressBorder.all(
        color: Colors.blue,
        width: 8,
        progress: animationController.value,
        ),
    ),
);

More usage see /example folder.

Additional information

To use this library in versions lower than Flutter 3.7, please specify the version number as 0.0.x.