flutter中TableCalendar日历中在日期下面设置事件标记点并显示

要在`TableCalendar`日历中的日期下方设置事件标记点并显示，您可以使用`markersBuilder`属性和自定义的标记小部件。以下是一种实现方式：

1. 首先，确保您已经安装了`table_calendar`库。在`pubspec.yaml`文件中添加以下依赖项：

dependencies:
  table_calendar: ^2.3.3

然后运行`flutter pub get`来获取最新的依赖项。

2. 导入所需的库：

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

3. 创建一个`TableCalendar`小部件并设置相关属性，包括`markersBuilder`属性：

TableCalendar(
  // 设置日历的起始和结束日期
  firstDay: DateTime.utc(2022, 1, 1),
  lastDay: DateTime.utc(2022, 12, 31),

  // 设置事件标记的日期列表
  eventLoader: (day) {
    // 返回包含事件的日期列表
    // 如果某一天有事件，则返回该日期，否则返回null
    List<String> events = getEventsForDay(day);
    return events.isNotEmpty ? events : null;
  },

  // 自定义事件标记的样式和显示逻辑
  markersBuilder: (context, day, events, holidays) {
    final children = <Widget>[];

    if (events.isNotEmpty) {
      children.add(
        Positioned(
          right: 1,
          bottom: 1,
          child: _buildEventsMarker(events),
        ),
      );
    }

    if (holidays.isNotEmpty) {
      children.add(
        Positioned(
          right: -2,
          top: -2,
          child: _buildHolidaysMarker(),
        ),
      );
    }

    return children;
  },
)

在上述代码中，我们使用`markersBuilder`属性自定义了事件标记的样式和显示逻辑。根据`events`参数中的事件列表，我们创建了一个`_buildEventsMarker`小部件来显示事件标记点，并将其放置在日期的右下角。您还可以根据需要添加其他标记，如`holidays`。

4. 创建用于显示事件标记点的小部件`_buildEventsMarker`：

Widget _buildEventsMarker(List<String> events) {
  return Container(
    padding: EdgeInsets.all(2),
    decoration: BoxDecoration(
      color: Colors.blue,
      shape: BoxShape.circle,
    ),
    child: Text(
      events.length.toString(),
      style: TextStyle(
        color: Colors.white,
        fontSize: 12,
        fontWeight: FontWeight.bold,
      ),
    ),
  );
}

在上述代码中，我们创建了一个圆形容器，并在其中显示事件的数量。

通过以上步骤，您可以在`TableCalendar`日历中的日期下方设置事件标记点并显示。请根据您的需求自定义事件标记的样式和显示逻辑。