将光标更改为 TableCalendar 中的指针以用于 Flutter Web答案

【问题标题】：Change cursor to Pointer in TableCalendar for flutter web将光标更改为 TableCalendar 中的指针以用于 Flutter Web
【发布时间】：2022-11-15 18:29:39
【问题描述】：

我在我的 flutter web 应用程序中使用 table_calendar: ^3.0.8 作为日历。但是当我们点击日期而不是指针时，它会显示光标。

是否可以将光标更改为指针？

表日历代码

   TableCalendar(

                                          eventLoader: (day) {
                                            return   controller.getEventsListResponse2.value.data!.rows!.where((event) => isSameDay(DateTime.parse(event.eventStartDateTime.toString()),day)).toList();
                                          },

                                        onDaySelected: (date,events,) {

                                          setState(() {
                                            _selectedDay = date;
                                            _focusedDay = events;
                                          });


                                          controller.eventDetails.value =
                                              controller.getEventsListResponse2.value.data!.rows!
                                                  .where((event) =>
                                                  isSameDay(DateTime.parse(event.eventStartDateTime.toString()),events)).toList();
                            

                                          selectedDayPredicate: (day) =>
                                              isSameDay(_selectedDay, day),
                                          headerStyle: HeaderStyle(
                                            headerPadding: EdgeInsets.only(bottom: 20,left: 16),
                                              leftChevronVisible:false,
                                              rightChevronVisible: false,
                                              titleCentered: false,
                                              formatButtonVisible: false,
                                           

                                          ),
                                calendarStyle: CalendarStyle(
                                

                                 
                                
                                selectedDecoration: BoxDecoration(


                                    //color: Colors.white,
                                      border: Border.all(
                                          color:  AppColors.primaryColor,
                                        width: 2
                                      ),
                                      //color:Color(0xff513E81),
                                      shape: BoxShape.rectangle),
                                ),


                                          firstDay: DateTime(2020, 1), lastDay: DateTime(2030, 12), focusedDay: _focusedDay

, )

在正常情况下，我用 MOuseRegion 包裹 Geturedetector。但是这里没有手势检测器。

【问题讨论】：

标签： flutter flutter-layout flutter-dependencies flutter-web

【解决方案1】：

问题解决了。我用 MouseRegion 包装了 TableCalendar。

MouseRegion(
            cursor: SystemMouseCursors.click,
             child: TableCalendar()
)

【讨论】：