Buscar pacotes, repositórios e categorias de apps

Capa de date_count_down
Detalhes do pacotev4.0.0

date_count_down

Este é um pacote de contagem regressiva do Flutter escrito em Dart para desenvolvedores do Flutter.

AndroidiOSWebmacOSWindowsLinux
Downloads em 30 dias
812
Curtidas
40
Pontos Pub
140

Instalar pacote

flutter pub add date_count_down

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um pacote Flutter escrito em Dart que fornece um cronômetro de contagem regressiva simples e personalizável para desenvolvedores. Permite aos usuários criar contagens regressivas com base em datas, com animações suaves e fácil integração em aplicativos Flutter. Ideal para temporizadores em eventos, lembretes ou recursos com tempo limitado. O pacote é compatível com todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o altamente versátil para aplicações multiplataforma.

Casos de uso

  • Contagem regressiva de eventos
  • Ofertas com tempo limitado
  • sistemas de lembrete
  • Temporizadores de jogo
  • Widgets de contagem regressiva em aplicativos

Principais recursos

  • Contagens regressivas baseadas em data
  • Suporte multiplataforma
  • UI personalizável
  • Animações suaves
  • Integração fácil com o Flutter

Indicado para

  • Desenvolvedores Flutter
  • Aplicativos de eventos
  • Temporizadores de comércio eletrônico
  • Aplicativos educacionais
  • Experiências gamificadas

Considerações

  • Requer entrada de data válida
  • Limitado apenas à duração do tempo
  • Sem tratamento de fuso horário
  • Não adequado para temporizadores de fundo de longo prazo
  • A personalização da interface exige código adicional

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

flutter_countDown

A new Flutter package that provide already made Count down functionality Screenshoot

Usage

[Example] (https://github.com/Destiny-Ed/date_count_down/blob/main/example/example.dart)

To use this package : *add the dependency to your [pubspec.yaml] file

   dependencies:
        flutter:
            sdk : flutter
        date_count_down:

Add to your dart file


import 'package:date_count_down/date_count_down.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Countdown Timer:',
            ),
            CountDownText(
              due: DateTime.utc(2050),
              finishedText: "Done",
              showLabel: true,
              longDateName: true,
              style: TextStyle(color: Colors.blue),
            ),
            Text(
              'Countdown Timer with custom label:',
            ),
            CountDownText(
              due: DateTime.parse("2050-01-01 00:00:00"),
              finishedText: "Done",
              showLabel: true,
              longDateName: true,
              daysTextLong: " DAYS ",
              hoursTextLong: " HOURS ",
              minutesTextLong: " MINUTES ",
              secondsTextLong: " SECONDS ",
              style: TextStyle(color: Colors.blue),
            )
          ],
        ),
      ),
    );
  }
}


Acknowledgement

Special thanks to ekhiw to adding the custom values to the package

Follow me

[Github] (https://github.com/Destiny-Ed)

[Twitter] (https://twitter.com/DestinyEd8)

[Linkedin] (linkedin.com/in/destiny-ed)

[Youtube] (https://www.youtube.com/channel/UCFEtn_pdpZPT9vMxovgTp0A)

Categorias

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.