搜索插件、代码仓与 APP 分类

weekly_date_picker 封面
插件详情v1.4.2

weekly_date_picker

一个每周日期选择器,您可以在周之间滚动并选择日期。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
385
喜欢数
87
Pub 分数
160

安装插件

flutter pub add weekly_date_picker

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 包,提供可滚动的每周日期选择器,允许用户在周之间导航并选择特定日期。它专为需要每周时间选择的应用程序设计,例如日程安排或规划工具。该选择器支持通过周进行平滑的水平滚动,并可在多个平台上无缝集成。它以简单性和易用性为核心设计,提供简洁的日期交互界面。

适合场景

  • 安排预约
  • 规划每周任务
  • 跟踪每周事件
  • 基于时间的数据输入
  • 基于日历的工作流程

主要特点

  • 可滚动的每周视图
  • 从每周网格中选择日期
  • 跨平台兼容性
  • 在周之间平滑导航
  • 可自定义外观

适合对象

  • 需要每周日期选择的应用程序开发者
  • 专注于日历交互的UI设计师
  • 具有每周重复计划的应用程序

使用建议

  • 限于每周粒度
  • 无内置本地化
  • 需要手动处理日期格式化
  • 不适用于每月或每年视图
  • 依赖外部样式进行主题集成

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

Weekly Date Picker

A weekday picker where you can scroll between weeks.

Custom styling

You can remove the week text
Add custom colors
You can also make only the weekdays selectable

Installing

To use this package, add weekly_date_picker as a dependency in your pubspec.yaml file.

Usage

WeeklyDatePicker(
  selectedDay: _selectedDay, // DateTime
  changeDay: (value) => setState(() {
    _selectedDay = value;
  }),
),

How to use custom styling

You can use custom colors and labels by the optional parameters:

  • weekdayText Specifies the weekday text: default is 'Week'
  • weekdays Specifies the weekday strings ['Mon', 'Tue'...]
  • backgroundColor Background color
  • selectedDigitBackgroundColor Color of the selected day circle
  • selectedDigitBorderColor Color of the border of the selected day circle
  • selectedDigitColor Color of the selected digit text
  • digitsColor Color of the unselected digits text
  • weekdayTextColor Is the color of the weekdays 'Mon', 'Tue'...
  • enableWeeknumberText Set to false to hide the weeknumber textfield to the left of the slider
  • weeknumberColor Color of the weekday container
  • weeknumberTextColor Color of the weekday text
  • daysInWeek Specifies the number of weekdays to render, default is 7, so Monday to Sunday

所属分类

依赖

依赖清单 1 项

源码仓库

使用此插件的项目

暂无相关数据。