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

countdown_progress_indicator のカバー
パッケージ詳細v0.1.3

countdown_progress_indicator

Flutter用のカスタマイズ可能なカウントダウンタイマーで、一時停止/再開コントロール付き。

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

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

flutter pub add countdown_progress_indicator

パッケージ概要

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

Flutter向けのカスタマイズ可能なカウントダウンタイマー小道具で、一時停止および再開機能をサポートしています。残り時間を表示する視覚的に魅力的な進行状況インジケーターを提供し、時間制限付きタスク、クイズ、集中セッションに最適です。このパッケージは軽量であり、複数のプラットフォームでのFlutterアプリへのシームレスな統合が可能です。開発者は、アプリのデザインに合わせて色、サイズ、アニメーションスタイルを簡単に調整できます。シンプルさと柔軟性を意識して構築されており、時間に依存するインタラクションにおけるユーザー体験を向上させます。

用途

  • タイム付きクイズ
  • フォーカスタイマー
  • タスクカウントダウン
  • イベントカウントダウン
  • インタラクティブな学習アプリ

主な機能

  • 一時停止および再開コントロール
  • カスタマイズ可能な外観
  • クロスプラットフォーム対応
  • スムーズなアニメーション
  • 設定可能な期間
  • リアルタイムの進捗更新

適している対象

  • 教育アプリ
  • 生産性ツール
  • ゲーム化体験
  • 時間制限付きのチャレンジ
  • UI中心のアプリケーション

注意事項

  • タイマーの状態を手動で処理する必要があります
  • 制限された組み込み通知
  • 自動リセット機能なし
  • シンプルなカウントダウン論理に最適
  • 複雑なワークフローには、追加の状態管理が必要になる場合があります

元の README

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

Countdown Progress Indicator

Customizable countdown timer for Flutter

Getting Started

To use this package, add countdown_progress_indicador as a dependency in your pubspec.yaml file.

dependencies:
	...
	countdown_progress_indicador: ^0.1.3

How to use

In your project add the following import:

import  'package:countdown_progress_indicator/countdown_progress_indicator.dart';

This widget starts the countdown automatically by default and supports pause and resume actions. If you want to support these actions, implement a CountdownController as the example above:

SizedBox(
	height:  200,
	width:  200,
	child:  CountDownProgressIndicator(
		controller: _controller,
		valueColor:  Colors.red,
		backgroundColor:  Colors.blue,
		initialPosition:  0,
		duration:  20,
		text:  'SEC',
		onComplete: () =>  null,
	),
),

Custom Formatter

If you want to show a text different than the time in seconds, you can implement a custom time formatter.

CountDownProgressIndicator(
	controller: _controller,
	valueColor: Colors.red,
	backgroundColor: Colors.blue,
	initialPosition: 0,
	duration: 365,
	timeFormatter: (seconds) {
		return Duration(seconds: seconds)
			.toString()
			.split('.')[0]
			.padLeft(8, '0');
	},
	text: 'hh:mm:ss',
	onComplete: () => null,
),

Countdown

countdown

カテゴリー

ソースリポジトリ

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

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