[Flutter]「TableCalendar」を表示するには?

Flutter

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

「TableCalendar」を表示するには、どうしたらいいのでしょうか?

スポンサーリンク

方法

カレンダー, 日にち, 月, 日, 週, スケジュール, リマインダー, 主催者

まず、パッケージを導入し、「pub get」します。

dependencies:
    table_calendar: ^3.0.2

次に、パッケージをインポートします。

import 'package:table_calendar/table_calendar.dart';

これで、「TableCalendarウェジェット」が使えるようになります。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Container(
            child: TableCalendar(
      focusedDay: DateTime.now(),
      firstDay: DateTime(DateTime.now().year - 3),
      lastDay: DateTime(DateTime.now().year + 3),
    )));
  }

TableCalendarを表示するには、次の3つの引数を指定する必要があります。

  • focusedDay : 最初に表示する日付
  • firstDay : 日付の上限(過去の方)
  • lastDay : 日付の上限(未来の方)

この3つの引数を指定すれば、「TableCalendar」を表示することが出来ます。

コメント

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