我有假期日期列表,我想在假期和周末突出显示,我使用showDatePicker。我找不到可以应用突出显示颜色的位置
cotxawn71#
有一个软件包,显示特定日期的标记。我有一个例子,我可以与你分享。希望它能帮助你-
Widget _buildTableCalendarWithBuilders() { return TableCalendar( locale: 'pl_PL', calendarController: _calendarController, events: _events, holidays: _holidays, initialCalendarFormat: CalendarFormat.month, formatAnimation: FormatAnimation.slide, startingDayOfWeek: StartingDayOfWeek.sunday, availableGestures: AvailableGestures.all, availableCalendarFormats: const { CalendarFormat.month: '', CalendarFormat.week: '', }, calendarStyle: CalendarStyle( outsideDaysVisible: false, weekendStyle: TextStyle().copyWith(color: Colors.blue[800]), holidayStyle: TextStyle().copyWith(color: Colors.blue[800]), ), daysOfWeekStyle: DaysOfWeekStyle( weekendStyle: TextStyle().copyWith(color: Colors.blue[600]), ), headerStyle: HeaderStyle( centerHeaderTitle: true, formatButtonVisible: false, ), builders: CalendarBuilders( selectedDayBuilder: (context, date, _) { return FadeTransition( opacity: Tween(begin: 0.0, end: 1.0).animate(_animationController), child: Container( margin: const EdgeInsets.all(4.0), padding: const EdgeInsets.only(top: 5.0, left: 6.0), color: Colors.deepOrange[300], width: 100, height: 100, child: Text( '${date.day}', style: TextStyle().copyWith(fontSize: 16.0), ), ), ); }, todayDayBuilder: (context, date, _) { return Container( margin: const EdgeInsets.all(4.0), padding: const EdgeInsets.only(top: 5.0, left: 6.0), color: Colors.amber[400], width: 100, height: 100, child: Text( '${date.day}', style: TextStyle().copyWith(fontSize: 16.0), ), ); }, markersBuilder: (context, date, events, holidays) { final children = <Widget>[]; if (events.isNotEmpty) { children.add( Positioned( right: 1, bottom: 1, child: _buildEventsMarker(date, events), ), ); } if (holidays.isNotEmpty) { children.add( Positioned( right: -2, top: -2, child: _buildHolidaysMarker(), ), ); } return children; }, ), onDaySelected: (date, events) { _onDaySelected(date, events); _animationController.forward(from: 0.0); }, onVisibleDaysChanged: _onVisibleDaysChanged, onCalendarCreated: _onCalendarCreated, ); }
有关更多信息,请访问此软件包https://pub.dev/packages/table_calendar
1条答案
按热度按时间cotxawn71#
有一个软件包,显示特定日期的标记。我有一个例子,我可以与你分享。希望它能帮助你-
有关更多信息,请访问此软件包https://pub.dev/packages/table_calendar