[Flutter]カレンダーのセルにイベントを表示する方法

Flutter

どうも、ちょげ(@chogetarou)です。

カレンダーのセルに予定や約束などのイベントを表示するには、どうしたらいいのでしょうか?

スポンサーリンク

方法

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Container(
           child: SfCalendar(
                 view: CalendarView.month,
                 dataSource: EventDataSource(_getDataSource()),
                  monthViewSettings: MonthViewSettings(
                        appointmentDisplayMode: MonthAppointmentDisplayMode.appointment,
            ),
         ),
      )
   );
 }

「SfCalendarウェジェット」の「monthViewSettings引数」に、「appointmentDisplayMode引数」に「MonthAppointmentDisplayMode.appointment」を指定した「MonthViewSettingsクラス」を渡します。

monthViewSettings: MonthViewSettings(
                        appointmentDisplayMode: MonthAppointmentDisplayMode.appointment,
            )

「appointmentDisplayMode引数」は、イベントをどのように表示するかを設定する引数です。

この引数には、「MonthAppointmentDisplayMode」の次のような値を指定します。

  • none : イベントを表示しない
  • indicator : ドット(・)表示
  • appointment : 内容を表示

コメント

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