搜尋套件、儲存庫與 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 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。