Flutter Syncfusion日期选择器特殊日期圆角设置未达预期问题
解决Syncfusion Date Picker特殊日期圆角不生效问题
问题根源在于你给特殊日期的装饰设置了shape: BoxShape.circle,这个属性会强制元素为圆形,直接覆盖了你想要设置的圆角值,导致15的圆角无法生效。
修改方法很简单,把specialDatesDecoration里的shape: BoxShape.circle替换为borderRadius: BorderRadius.circular(15)即可,调整后的代码片段如下:
monthCellStyle: DateRangePickerMonthCellStyle( textStyle: TextStyle( color: AppColors.primaryDarkBlue, fontFamily: 'Nunito', fontSize: 14), specialDatesDecoration: BoxDecoration( color: AppColors.gradientDarkBlue, // 移除circle形状,替换为圆角设置 borderRadius: BorderRadius.circular(15), gradient: LinearGradient( begin: Alignment.topLeft, end: Alignment.bottomRight, stops: [0.0, 0.7, 1.0], colors: [ Colors.grey[300]!, // Light grey start color Colors.blue[900]!, // Dark blue middle color Colors.blue[900]!, // Dark blue end color ], ), ), cellDecoration: const BoxDecoration(shape: BoxShape.circle), specialDatesTextStyle: const TextStyle( color: Colors.white, fontFamily: 'Nunito', fontSize: 14), ),
替换后,特殊日期的装饰就会应用15的圆角效果,同时保留你原本设置的渐变样式。
内容的提问来源于stack exchange,提问作者Ganesh
相关产品推荐
相关产品推荐

