FLUTTER ECOSYSTEM

funyin/date_ranger

一個用於 Flutter 應用的日期選擇器,可選擇單一日期和日期範圍

date_ranger 專案封面
Stars
6
Forks
10
最近推送(UTC)
2026年9月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