搜索插件、代码仓与 APP 分类

one_clock 封面
插件详情v2.0.3

one_clock

Flutter 模拟和数字时钟插件。此插件可用于为您的 Flutter 应用程序绘制漂亮的模拟和数字时钟

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
953
喜欢数
55
Pub 分数
140

安装插件

flutter pub add one_clock

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

One Clock 是一个 Flutter 插件,可让开发者轻松地在其应用程序中集成模拟时钟和数字时钟。通过可自定义的设计和流畅的动画,它提供了一种视觉上吸引人的多平台时间显示方式。该插件支持 Android、iOS、Web、macOS、Windows 和 Linux,非常适合跨平台应用。它轻量且易于实现,非常适合需要实时时间显示并具有美观外观的应用程序。

适合场景

  • 在应用中显示实时时间
  • 向仪表板添加优雅的时钟小部件
  • 创建时间跟踪或调度应用程序
  • 通过动态时间元素增强用户界面
  • 构建主屏幕小部件或锁屏

主要特点

  • 支持模拟和数字时钟类型
  • 跨平台兼容性
  • 可自定义的样式和颜色
  • 平滑时间动画
  • 与 Flutter UI 的轻松集成

适合对象

  • 开发生产力应用的开发者
  • 注重设计的应用程序创建者
  • 跨平台移动和桌面应用
  • 需要实时时间显示的应用
  • 寻求动画时间组件的UI/UX设计师

使用建议

  • 可能需要额外的样式来适应复杂布局
  • 在频繁更新时对低端设备的性能影响
  • 超出基本外观的自定义功能有限
  • 未针对高频时间更新进行优化
  • 无内置的闹钟或计时器功能

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

Flutter One Clock Widget

pub package

Clean and fully customizable clock widget.

Note: This package is inspired from the analog_clock package which is for showing analog clock only. You can check that package here analog_clock folder.

Analog/Digital Clock Screenshot

Installation

In your pubspec.yaml file within your Flutter Project:

dependencies:
  one_clock: ^2.0.2

Features

  • Modern and clean analog as well as digital clock interface.
  • Customize as per your need.
  • Live clock.

Usage

import 'package:one_clock/one_clock.dart';


 AnalogClock(
	decoration: BoxDecoration(
	    border: Border.all(width: 2.0, color: Colors.black),
	    color: Colors.transparent,
	    shape: BoxShape.circle),
	width: 150.0,
	isLive: true,
	hourHandColor: Colors.black,
	minuteHandColor: Colors.black,
	showSecondHand: false,
	numberColor: Colors.black87,
	showNumbers: true,
	showAllNumbers: false,
	textScaleFactor: 1.4,
	showTicks: false,
	showDigitalClock: false,
	datetime: DateTime(2019, 1, 1, 9, 12, 15),
	);

DigitalClock(
	showSeconds: false,
	isLive:false,
	digitalClockColor: Colors.black,
	decoration: const BoxDecoration(
		color: Colors.yellow,
		shape: BoxShape.rectangle,
		borderRadius: BorderRadius.all(Radius.circular(15))),
		datetime: DateTime.now())

Parameters

Flutter Analog Clock Parameters

所属分类

依赖

依赖清单 1 项

源码仓库

使用此插件的项目

暂无相关数据。