progress_indicator

パッケージ概要

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

ロードまたは処理状態中のユーザー体験を向上させるために、さまざまなカスタムプログレスインジケータを提供するFlutterパッケージです。柔軟性と美的デザインを重視して開発されており、デフォルトのインジケータの視覚的に魅力的な代替品を提供します。Android、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームをサポートしており、クロスプラットフォームアプリに最適です。簡単に統合・カスタマイズ可能で、追加の複雑さなしにモダンで軽量なローディングアニメーションを求める開発者に適しています。

用途

ロード画面
データ取得インジケーター
フォーム送信フィードバック
バックグラウンドタスクのトラッキング
アプリのスプラッシュ画面

主な機能

カスタマイズ可能な複数のインジケータデザイン
クロスプラットフォーム互換性
軽量でパフォーマンスに優れる
Flutter との簡単な統合
アニメーションのカスタマイズをサポート

適している対象

モバイルおよびウェブアプリ開発者
ビジュアルの洗練を求めるUI/UXデザイナー
独自のロードアニメーションを必要とするプロジェクト
最小限のセットアップを望む開発者

注意事項

基本的な使用法を超えるドキュメントが限られている
複雑なテーマ用にスタイルの調整が必要になる場合があります
非常に動的またはインタラクティブな進捗追跡には適していません

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Progress Indicator

CircularProgress

Features

circular progress indicator.
bar progress indicator.

Usage

import 'package:progress_indicator/progress_indicator.dart';

CircularProgressIndicator

CircularProgress(
    percentage: 90.0,
    color: Colors.amber,
    backColor: Colors.grey,
    gradient: LinearGradient(colors: [Colors.blue, Colors.red]),
    showPercentage: true,
    textStyle:TextStyle(color: Colors.orange,fontSize: 70),
    stroke: 20,
    round: true,
),

BarProgressIndicator

BarProgress(
    percentage: 30.0,
    backColor: Colors.grey,
    gradient: LinearGradient(colors: [Colors.blue, Colors.red]),
    showPercentage: true,
    textStyle:TextStyle(color: Colors.orange,fontSize: 70),
    stroke: 40,
    round: true,
),

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

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