flutter中用TableCalendar日历改变点击显示，如何点击出现显示

要实现在Flutter中使用TableCalendar组件，并且在点击某个日期时显示相应的内容，你可以按照以下步骤进行操作：

1. 首先，确保你已经在项目中添加了table_calendar包的依赖。可以在`pubspec.yaml`文件中添加以下代码，然后运行`flutter pub get`来获取依赖：

dependencies:
  table_calendar: ^2.3.3

2. 在需要显示日历的页面中，创建一个StatefulWidget类，并在其对应的State类中添加一个成员变量来存储当前选中的日期。例如：

class CalendarPage extends StatefulWidget {
  @override
  _CalendarPageState createState() => _CalendarPageState();
}

class _CalendarPageState extends State<CalendarPage> {
  DateTime _selectedDate = DateTime.now(); // 存储当前选中的日期

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Calendar'),
      ),
      body: Column(
        children: [
          TableCalendar(
            // 设置TableCalendar的相关属性
            // ...
            onDaySelected: (date, events, holidays) {
              setState(() {
                _selectedDate = date; // 更新选中的日期
              });
            },
          ),
          // 根据选中的日期显示相应的内容
          Text('Selected Date: $_selectedDate'),
          // 显示其他根据日期内容变化的部件
          // ...
        ],
      ),
    );
  }
}

在上述代码中，通过`onDaySelected`回调函数来设置选中日期的更新逻辑，并在`setState`函数中更新`_selectedDate`成员变量。

3. 根据选中的日期显示相应的内容。你可以根据选中的日期来显示相关内容，例如在上述代码中，使用`Text`部件来显示选中的日期。

这样，当用户在日历上选择一个日期时，会触发`onDaySelected`回调函数，并通过`setState`函数更新选中的日期，从而更新界面上显示的内容。

请根据你的实际需求进行相应的修改和扩展。