【Flutter】table_calendarの曜日が見切れてしまう問題について

色々調べたのですが解決方法を載せている記事が出てこなかったので記事に残そうと思います。

公式ドキュメント

https://pub.dev/packages/table_calendar

使用したバージョン

pubspec.yaml

dependencies:
  table_calendar: ^3.2.0

問題点

デフォルトの状態だと曜日がなぜか見切れてしまう。

問題のコード

table_calender_screen.dart

import 'package:flutter/material.dart';
import 'package:table_calendar/table_calendar.dart';

class TableCalendarScreen extends StatelessWidget {
  const TableCalendarScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return TableCalendar(
      firstDay: DateTime.utc(2010, 1, 1),
      lastDay: DateTime.utc(2030, 1, 1),
      focusedDay: DateTime.now(),
      locale: 'ja_JP',
    );
  }
}

解決方法

daysOfWeekHeightを指定してあげることで解決しました。

書き足した箇所

table_calender_screen.dart

Widget build(BuildContext context) {
    return TableCalendar(
        //ここで指定する
        daysOfWeekHeight: 24.0,