Features

• Display an analog clock and a digital clock in UI.
• Analog clock includes markers for 12, 3, 6, and 9 positions.
• Digital clock is updated in real-time using a stream service.

Demo

Usage

Installation

Add clock_widget to your pubspec.yaml file:

dependencies:
  clock_widget: ^0.0.4 # Use the latest version

Import

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

Clockwidget implementation

To show the clock widgets, use the ClockWidget() method:

// Display an analog clock
ClockWidget(
  clockType: ClockType.analog,
  // Prop to customize the background color
  bgColor: Colors.white,
),

// Display a digital clock
ClockWidget(
  clockType: ClockType.digital,
  // Prop to customize the background color
  bgColor: Colors.white,
),