パッケージ、リポジトリ、アプリカテゴリを検索

パッケージ詳細v0.3.0

progresso

Flutter用の線形プログレスバーで、ゼロ以外の開始値、ライン上のポイント、カスタムスタイルを許可します

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
282
いいね数
23
Pub ポイント
160

パッケージをインストール

flutter pub add progresso

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Progresso は、Flutter 向けのカスタマイズ可能な線形プログレスバーで、ゼロ以外の初期値、バー上の中間ポイント、そして豊富なスタイルオプションをサポートしています。開発者が特定のデザイン要件に合わせて視覚的に異なるプログレスインジケーターを作成できるようにします。フォームやオンボーディングフロー、または動的でスタイリッシュなプログレス表示が必要なあらゆるシナリオでの進行状況の追跡に最適です。このパッケージはクロスプラットフォームであり、Android、iOS、Web、macOS、Windows、Linux でスムーズに動作します。

用途

  • フォームの進行状況のトラッキング
  • オンボーディングフローインジケーター
  • カスタムロードアニメーション
  • タスク完了の可視化
  • インタラクティブなチュートリアル

主な機能

  • ゼロでない開始ポイント
  • 中間マーカーのサポート
  • 広範なカスタムスタイル
  • クロスプラットフォーム互換性
  • スムーズなアニメーションの遷移
  • カスタマイズ可能なセグメントカラー

適している対象

  • 柔軟なプログレスバーが必要な開発者
  • 視覚的なカスタマイズを希望するデザイナー
  • 複雑な進行ワークフローを持つアプリ
  • 複数プラットフォーム間で一貫したUIを必要とするプロジェクト
  • マルチプラットフォームアプリ用に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]);

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。