パッケージ、リポジトリ、アプリカテゴリを検索

flutter_time_picker_spinner のカバー
パッケージ詳細v2.0.0

flutter_time_picker_spinner

デフォルトのマテリアル時刻ピッカーではなく、スピンナーモードを使用した時刻ピッカー。このウィジェットは12時間または24時間形式およびカスタムインターバルモードに対応しています。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
2.3万
いいね数
166
Pub ポイント
130

パッケージをインストール

flutter pub add flutter_time_picker_spinner

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Flutter用のカスタマイズ可能な時刻ピッカー・ウィジェットで、デフォルトのMaterial時刻ピッカーではなくスピンナーインターフェースを使用します。12時間制および24時間制の両方をサポートし、カスタム時間間隔の設定が可能で、プラットフォーム間で洗練された一貫したUIを提供します。プラットフォーム固有のピッカーに依存せずに、軽量でスタイリッシュな時刻選択コンポーネントが必要なアプリに最適です。

用途

  • フォーム内のカスタム時間入力
  • 均一な時刻ピッカーを必要とするモバイルおよびウェブアプリケーション
  • 非標準の時間間隔を持つアプリ
  • 一貫した時間選択を必要とするデザイン重視のインターフェース
  • 統一された外観のクロスプラットフォーム時刻入力

主な機能

  • スピンナーベースの時刻選択
  • 12/24 時間形式をサポート
  • カスタムインターバル設定
  • クロスプラットフォーム互換性
  • 軽量で統合が簡単
  • テーマおよびスタイルオプションでスタイリング可能

適している対象

  • Material タイムピッカーの代替案を探している開発者
  • Android、iOS、Web で一貫したUIを必要とするプロジェクト
  • 特定の時間間隔要件を持つアプリ
  • デザイン駆動型アプリケーション
  • クロスプラットフォームの整合性を重視するチーム

注意事項

  • 基本的な時間選択に限定(一部の設定では午前/午後ラベルが表示されない)
  • 時刻のフォーマットロジックを手動で処理する必要がある場合があります
  • 複雑な時間範囲または期間の入力には適していません
  • 時刻の範囲以外に組み込み検証は存在しない
  • 高度なカスタマイズには外部スタイルに依存します

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

flutter_time_picker_spinner

Time Picker widget with spinner instead of a material time picker.

12H format

24H format

24H format with second

Custom style

Getting Started

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Props

props types defaultValues
time DateTime Current Time [ DateTime.now() ]
minutesInterval int 1
secondsInterval int 1
is24HourMode bool true
isShowSeconds bool false
isShowSeconds bool false
highlightedTextStyle TextStyle false
normalTextStyle TextStyle false
itemHeight double 60.0
itemWidth double 45.0
spacing double 20.0
alignment AlignmentGeometry Alignment.centerRight
isForce2Digits bool false
onTimeChange TimePickerCallback

Usage

import 'package:flutter_time_picker_spinner/flutter_time_picker_spinner.dart';

Widget widget() {
  return new TimePickerSpinner(
    is24HourMode: false,
    normalTextStyle: TextStyle(
      fontSize: 24,
      color: Colors.deepOrange
    ),
    highlightedTextStyle: TextStyle(
      fontSize: 24,
      color: Colors.yellow
    ),
    spacing: 50,
    itemHeight: 80,
    isForce2Digits: true,
    onTimeChange: (time) {
      setState(() {
        _dateTime = time;
      });
    },
  );
}

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。