FLUTTER ECOSYSTEM

funyin/date_ranger

単一の日付と日付範囲を選択できるFlutterアプリ用の日付ピッカー

date_ranger のプロジェクト画像
Stars
6
Forks
10
最終プッシュ(UTC)
2026/09/12
プロジェクト状態
公開中
Funyinoluwa Kashimawo GitHub avatar
GITHUB User

Funyinoluwa Kashimawo ↗

Mobile FullStack Developer [Android | Flutter | Ktor | Kobweb]

@novugridteamLagos, Nigeria 公式サイト ↗
言語DartCMakeC++HTMLSwiftCKotlinObjective-C

技術トピック

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 3 件
  • flutter{"sdk":"flutter"}
  • intl^0.19.0
  • flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

Date Ranger

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

https://github.com/funyin/date_ranger/blob/master/assets/demo.gif?raw=truehttps://raw.githubusercontent.com/funyin/date_ranger/master/assets/single_picker.png

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