カテゴリー・パッケージ・リポジトリを検索

date_ranger のカバー
パッケージ詳細v1.1.0

date_ranger

Flutterアプリケーションで単一の日付と日付範囲を選択するための日付ピッカー

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
129
いいね数
31
Pub ポイント
140

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

flutter pub add date_ranger

パッケージ概要

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

DateRanger は、複数のプラットフォームで単一の日付または日付範囲を選択するための直感的な日付ピッカーを提供する Flutter パッケージです。Android、iOS、Web、macOS、Windows、Linux をサポートしており、柔軟な日付入力が必要なクロスプラットフォームアプリケーションに最適です。クリーンでカスタマイズ可能な UI コンポーネントと既存の Flutter フォームへのシームレスな統合を備えています。最小限のコードでカレンダーを簡単にナビゲートし、日付区間を選択できます。プラットフォーム固有の複雑さなしに信頼性が高く一貫した日付選択体験を求める開発者向けに設計されています。

用途

  • フォームで単一の日付を選択する
  • 予約の日付範囲を選択する
  • 日付の期間でデータをフィルタリングする
  • スケジューリングイベント
  • 日付ベースの分析ダッシュボードを作成する

主な機能

  • 単一日付および範囲選択をサポート
  • クロスプラットフォーム互換性
  • カスタマイズ可能な UI
  • Flutter フォームとの簡単な統合
  • 組み込みのナビゲーションおよびスタイルオプション

適している対象

  • クロスプラットフォームのFlutterアプリ
  • 予約およびスケジューリングシステム
  • データフィルタリングインターフェース
  • カレンダーに基づくアプリケーション
  • フォーム中心のユーザー作業フロー

注意事項

  • Flutter SDK 2.0 以上が必要です
  • 基本的なスタイル設定を超えるカスタマイズが限られている
  • 組み込みのローカライゼーションサポートなし
  • 複雑な日付ロジックのための追加設定が必要になる場合があります
  • 更新のために外部のGitHubリポジトリに依存しています

元の README

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

Date Ranger

A date picker for flutter apps to pick single dates and date ranges

Usage

To use this package first add the dependency to you [pubspec.yaml] file

dependencies:
  flutter:
    sdk: flutter
  date_ranger: 

Example

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

class TestPack extends StatefulWidget {
  @override
  _TestPackState createState() => _TestPackState();
}

class _TestPackState extends State<TestPack> {
  var initialDate = DateTime.now();
  var initialDateRange =
      DateTimeRange(start: DateTime.now(), end: DateTime.now());

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Container(),
        Padding(
          padding: const EdgeInsets.all(24),
          child:  DateRanger(
          initialRange: initialDateRange,
          onRangeChanged: (range) {
            setState(() {
              initialDateRange = range;
            });
          },
        ),
        )
      ],
    ));
  }
}

Features

  • Layout-agnostic: Conforms to any width by calculating its height internally
  • Simple architecture: Built with default flutter architecture without depending on other state management packages
  • Highly customisable: Almost every thing can be changed including dimensions since dimensions are adjusted internally
  • Picker types: You can swap between a regular date picker and a date range picker easily.

BuyMeAShawrma.png

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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

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