[Flutter]カレンダー(calendar)で「選択した日付(select date)の表示設定」をするには？

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

カレンダーで、ユーザーが選択した日付の表示を設定する方法を解説します。

方法

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: SfCalendar(
      　　　　　　view: CalendarView.month,
      　　　　　　selectionDecoration: BoxDecoration(
         　　　　　　　　 border: Border.all(color: Colors.red, width: 5),
          　　　　　　　　borderRadius: BorderRadius.circular(20)),
    　　　　　　　　)
　　　　　　);
}

「SfCalendarウェジェット」の「selectionDecoration引数」で、選択した日付表示を設定することが出来ます。

具体的には、「selectionDecoration引数」に、設定をまとめた「BoxDecorationクラス」を指定します。

「BoxDecorationクラス」では、選択した日の枠線、色、形状などを設定することが出来ます。