Flutter 横スライドのカレンダー表示ができるライブラリ

今回は1行で横にスライドして日付を選択できるようなデザインのカレンダーの実装が簡単にできるライブラリを紹介します。

easy_date_timelineというライブラリです。

EasyInfiniteDateTimeLineとEasyDateTimeLineというWidgetがあります。
EasyDateTimeLineをcontrollerを使って色々と制御できたりできるようにしたものがEasyInfiniteDateTimeLineといった感じです。

EasyDateTimeLine(
    initialDate: DateTime.now(),
    onDateChange: (selectedDate) { },
),
final EasyInfiniteDateTimelineController _controller = EasyInfiniteDateTimelineController();

EasyInfiniteDateTimeLine(
     controller: _controller,
     firstDate: DateTime(2024),
     focusDate: _focusDate,
     lastDate: DateTime(2024, 12, 31),
        onDateChange: (selectedDate) {
            setState(() {
              _focusDate = selectedDate;
            });
          },
        ),

色や日付表示部分の形などはカスタマイズが可能です。

用途によってEasyInfiniteDateTimeLineとEasyDateTimeLine適切な方を使用すればいいかと思います。

ぜひ使ってみてください。

タイトルとURLをコピーしました