slide_countdown

パッケージ概要

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

SlideCountdown は、最小限のセットアップでスムーズなスライドアニメーションカウントダウンまたはカウントアップタイマーを作成できるFlutterパッケージです。タイムトランジションを視覚的に魅力的に表示する方法を提供しており、タイマー、フィットネストラッカー、イベントカウントダウンなど、動的な時間表示が必要なアプリに最適です。Android、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームをサポートしており、クロスプラットフォームでの一貫性を確保します。シンプルな設定オプションにより、既存のFlutterプロジェクトへのシームレスな統合が可能です。

用途

フィットネスアプリのタイマー
イベントカウントダウン表示
学習セッショントラッカー
ゲームタイマーインターフェース
インタラクティブな学習アプリ

主な機能

スムーズなスライドアニメーション効果
カウントダウンおよびカウントアップ機能
クロスプラットフォーム対応
シンプルな API インテグレーション
カスタマイズ可能な時刻形式
レスポンシブデザイン

適している対象

時刻ベースのUIを構築する開発者
魅力的なタイマーのビジュアルが必要なアプリ
複数のプラットフォームをターゲットにするプロジェクト
教育または生産性アプリケーション

注意事項

基本的なスタイル設定を超えるカスタマイズが限られている
組み込みの一時停止/再開コントロールなし
タイマーのライフサイクルを手動で処理する必要があります
高頻度の更新には最適化されていません

元の README

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

⏱️ Slide Countdown

A Flutter package to create easy slide animation countdown / countup timer

⏱️ Support Count down and Count up
⏯️ Control duration
🔔 Callback finished
🎨 Easily custom duration layout with RawSlideCountdown and RawDigitItem widget.

Thanks to pausable_timer, this package use pausable_timer for helping control duration.

Example

Basic Usange

  SlideCountdown(
    duration: Duration(days: 2),
  )

  SlideCountdownSeparated(
    duration: Duration(days: 2),
  )

Custom time unit

Set the time unit you want to display with this params shouldShowDays, shouldShowHours, shouldShowMinutes, shouldShowSeconds.

  SlideCountdown(
    duration: Duration(days: 2),
    // Will show seconds only if duration in days is zero
    shouldShowMinutes: (duration) => duration.inDays == 0,
  )