Pakete, Repositories und App-Kategorien suchen

Cover von countdown_progress_indicator
Paketdetailsv0.1.3

countdown_progress_indicator

Anpassbarer Countdown-Timer für Flutter mit Pause-/Fortsetzungssteuerungen.

AndroidiOSWebmacOSWindowsLinux
30-Tage-Downloads
220
Likes
43
Pub-Punkte
160

Paket installieren

flutter pub add countdown_progress_indicator

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein anpassbarer Countdown-Timer-Widget für Flutter, der Pausen- und Fortsetzungsfunktionen unterstützt. Er bietet einen visuell ansprechenden Fortschrittsanzeiger zur Anzeige der verbleibenden Zeit und ist ideal für zeitbasierte Aufgaben, Quizze oder Fokus-Sessions. Das Paket ist leichtgewichtig und lässt sich nahtlos in Flutter-Anwendungen auf mehreren Plattformen integrieren. Entwickler können Farben, Größen und Animationsstile einfach an das Design ihrer App anpassen. Mit Fokus auf Einfachheit und Flexibilität verbessert es die Benutzererfahrung bei zeitkritischen Interaktionen.

Anwendungsfälle

  • Zeitgesteuerte Quizze
  • Fokus-Timer
  • Aufgaben-Rückwärtszählung
  • Ereignis-Countdowns
  • Interaktive Lern-Apps

Hauptmerkmale

  • Pause- und Fortsetzungssteuerung
  • Anpassbare Erscheinung
  • Plattformübergreifende Unterstützung
  • Glatte Animationen
  • Konfigurierbare Dauer
  • Echtzeit-Progress-Updates

Geeignet für

  • Bildungs-Apps
  • Produktivitäts-Tools
  • Gamifizierte Erlebnisse
  • Zeitlich begrenzte Herausforderungen
  • UI-intensive Anwendungen

Hinweise

  • Erfordert manuelle Handhabung des Timer-Zustands
  • Eingeschränkte integrierte Benachrichtigungen
  • Keine automatische Zurücksetzfunktion
  • Am besten geeignet für einfache Countdown-Logik
  • Für komplexe Workflows kann zusätzliche Zustandsverwaltung erforderlich sein

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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

Kategorien

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.