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

time_picker_spinner_pop_up のカバー
パッケージ詳細v3.0.0

time_picker_spinner_pop_up

スピンナーカーポートスタイルを使用して日付と時刻を選択するためのポップアップアンカーを表示するパッケージ

AndroidiOSmacOSWindowsLinux
30日間ダウンロード
6780
いいね数
185
Pub ポイント
150

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

flutter pub add time_picker_spinner_pop_up

パッケージ概要

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

Cupertinoスタイルのデザインを使用して、スピンナー型の時刻ピッカーを備えたポップアップダイアログを表示するFlutterパッケージです。直感的なスピンナーベースの操作で時間を選択でき、複数のプラットフォーム上でネイティブに近い時刻選択体験を必要とするアプリに最適です。特定のウィジェットに固定されたポップアップにより、既存UIへのスムーズな統合が可能になっています。Android、iOS、macOS、Windows、Linux間でのシンプルさと一貫性を意識して設計されています。

用途

  • フォーム内の時間選択
  • スケジューリング機能
  • ユーザーの好み設定
  • モバイルファーストなアプリケーションインターフェース
  • クロスプラットフォームの時刻ピッカー

主な機能

  • Cupertinoスタイルのスピンナーインターフェース
  • ターゲットウィジェットにアンカーされたポップアップ
  • 複数のプラットフォームをサポートしています
  • Flutter との簡単な統合
  • カスタマイズ可能な時刻形式

適している対象

  • クロスプラットフォームアプリを開発する開発者
  • UI中心のアプリケーション
  • ネイティブ風の日時選択機能を必要とするアプリ
  • フォーム中心のアプリケーション
  • iOSスタイルデザインの愛好家

注意事項

  • 時刻のみの選択に制限
  • 日付ピッカーが含まれていません
  • 時間値の解析を手動で処理する必要があります
  • 複雑な日時ワークフローには適していません
  • スタイル設定に外部の依存関係に依存しています

元の README

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

A beautiful and animated time picker spinner pop up.

Here are some supported style:

Time picker

DEMO

Date picker

DEMO

Usage

Short implementation:
        TimePickerSpinnerPopUp(
          mode: CupertinoDatePickerMode.time,
          initTime: DateTime.now(),
          onChange: (dateTime) {
            // Implement your logic with select dateTime
          },
        )
Full implementation:
        TimePickerSpinnerPopUp(
          mode: CupertinoDatePickerMode.date,
          initTime: DateTime.now(),
          minTime: DateTime.now().subtract(const Duration(days: 10)),
          maxTime: DateTime.now().add(const Duration(days: 10)),
          barrierColor: Colors.black12, //Barrier Color when pop up show
          minuteInterval: 1,
          padding : const EdgeInsets.fromLTRB(12, 10, 12, 10),
          cancelText : 'Cancel',
          confirmText : 'OK',
          pressType: PressType.singlePress,
          timeFormat: 'dd/MM/yyyy',
          // Customize your time widget
          // timeWidgetBuilder: (dateTime) {},
          onChange: (dateTime) {
          // Implement your logic with select dateTime
          },
        )
Locale:

You can set custom locale with

    locale: Locale('vi'),

But remember to add localizationsDelegates to your MaterialApp:

    MaterialApp(
        localizationsDelegates: const [
            GlobalMaterialLocalizations.delegate,
            GlobalWidgetsLocalizations.delegate,
            GlobalCupertinoLocalizations.delegate,
        ],
        ...
    )

License

Copyright (c) 2021 Tuannvm

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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

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