[Flutter]カレンダーのイベント欄の表示設定をするには?

Flutter

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

SfCalendarで表示するカレンダーは、下のスペースにイベントを表示するようになっています。

このスペースの表示を設定するには、どうしたらいいのでしょうか?

スポンサーリンク

方法

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Container(
      child: SfCalendar(
        view: CalendarView.month,
        dataSource: EventDataSource(_getDataSource()),
        monthViewSettings: MonthViewSettings(
            showAgenda: true,
            agendaStyle: AgendaStyle(
                backgroundColor: Colors.lightBlue,
                dateTextStyle: TextStyle(color: Colors.red),
                dayTextStyle: TextStyle(color: Colors.red),
                appointmentTextStyle: TextStyle(color: Colors.black))),
      ),
    ));
  }

カレンダーのイベント欄の設定は、「MonthViewSettingsクラス」の「agendaStyle引数」を使います。

この引数に、設定をした「AgendaStyleクラス」を指定することで、表示を変えることが出来ます。

AgendaStyleクラスは、引数で設定を行います。

設定できる項目は少なく、次の4つしかありません。

基本的には、背景色とテキストの設定になります。

コメント

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