Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de slide_digital_clock
Detalhes do pacotev1.0.3

slide_digital_clock

Relógio Digital para Flutter

pub.dev Documentação da API Código-fonte
Downloads em 30 dias
720
Curtidas
58
Pontos Pub
60

Instalar pacote

flutter pub add slide_digital_clock

Visão geral do pacote

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

Um widget de relógio digital elegante para o Flutter que exibe o tempo com uma animação suave de deslizamento. Projetado para ser minimalista e personalizável, é ideal para aplicativos que exigem uma exibição de hora limpa e moderna. O relógio é atualizado em tempo real e oferece várias opções de formatação. Construído com foco em desempenho e simplicidade, integra-se perfeitamente a qualquer projeto Flutter. É especialmente indicado para painéis de controle, telas iniciais ou qualquer elemento da interface onde a visibilidade do tempo seja essencial.

Casos de uso

  • Exibição de tempo em tempo real em aplicativos
  • Widgets do painel
  • Relógios da tela inicial
  • Designs de interface do usuário minimalistas
  • Interfaces de relógio digital

Principais recursos

  • Transição suave de deslizamento no tempo
  • Formato de hora personalizável
  • Leve e eficiente
  • Integração fácil com o Flutter
  • Suporta temas escuro/claro

Indicado para

  • Exibições simples de tempo
  • Iniciantes do Flutter
  • Designs de aplicativos minimalistas
  • Aplicações baseadas em relógio
  • componentes de interface do usuário que precisam de atualizações em tempo real

Considerações

  • Nenhuma funcionalidade específica de plataforma
  • Personalização limitada além do formato de hora
  • Não suporta alarmes ou temporizadores
  • Nenhuma localização embutida
  • Requer tratamento manual do tema

README original

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

Slide Digital Clock Plugin

Usage

To use plugin, just import package import 'package:slide_digital_clock/slide_digital_clock.dart';

Defaults

is24HourTimeFormat : `true`
showSecondsDigit : `true`  
areaAligment : `AlignmentDirectional.bottomCenter`   
digitAnimationStyle : `Curves.decelerate`
hourMinuteDigitTextStyle : `Theme.of(context).textTheme.bodyText1`
secondDigitTextStyle : `Theme.of(context).textTheme.caption!.copyWith(fontSize: 10))`
amPmDigitTextStyle : `Theme.of(context).textTheme.caption!.copyWith(fontSize: 10, fontWeight: FontWeight.bold)`

Demo

Demo:

Pics

Demo:

Example

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

void main() {
  runApp(const ExampleApp());
}

class ExampleApp extends StatelessWidget {
  const ExampleApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: "Slider Digital Clock Demo App",
      home: Scaffold(
        appBar: AppBar(
            title: const Text("Slider Digital Clock Demo App"),
            actions: [
              DigitalClock(
                hourMinuteDigitTextStyle: Theme.of(context)
                    .textTheme
                    .headline4!
                    .copyWith(color: Colors.white),
                secondDigitTextStyle: Theme.of(context)
                    .textTheme
                    .caption!
                    .copyWith(color: Colors.white),
                colon: Text(
                  ":",
                  style: Theme.of(context)
                      .textTheme
                      .subtitle1!
                      .copyWith(color: Colors.white),
                ),
              )
            ]),
        body: Column(
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                const Text("Custom Colon"),
                const SizedBox(width: 50),
                DigitalClock(
                  hourMinuteDigitTextStyle: const TextStyle(fontSize: 18),
                  colon: const Icon(Icons.ac_unit, size: 12),
                  colonDecoration: BoxDecoration(
                      border: Border.all(), shape: BoxShape.circle),
                )
              ],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                const Text("Custom Styles"),
                const SizedBox(width: 50),
                DigitalClock(
                  hourDigitDecoration: BoxDecoration(
                      color: Colors.yellow,
                      border: Border.all(color: Colors.blue, width: 2)),
                  minuteDigitDecoration: BoxDecoration(
                      color: Colors.yellow,
                      border: Border.all(color: Colors.red, width: 2)),
                  secondDigitDecoration: BoxDecoration(
                      color: Colors.blueGrey,
                      border: Border.all(color: Colors.blue),
                      shape: BoxShape.circle),
                  secondDigitTextStyle: Theme.of(context)
                      .textTheme
                      .caption!
                      .copyWith(color: Colors.white),
                ),
              ],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                const Text("Show AM-PM, Disable Seconds"),
                const SizedBox(width: 50),
                DigitalClock(
                  is24HourTimeFormat: false,
                  showSecondsDigit: false,
                ),
              ],
            )
          ],
        ),
      ),
    );
  }
}

Categorias

Relógio

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.