Flutter 3.29.0更新了进度条ProgressIndicator以符合最新的Material Design 3规范

此版本更新了CircularProgressIndicator和LinearProgressIndicator,以符合最新的Material Design 3规范。要使用更新的样式,请将year2023属性设置为false,或将ProgressIndicatorThemeData.year2023设置为false。

在这里插入图片描述

CircularProgressIndicator(
   year2023: false,
  value: controller.value,
 )

此版本还引入了最新的Material 3滑块设计,具有更新的轨迹和手柄形状。滑块默认为上一个“材质3”样式。要启用最新设计,请将year2023设置为false,或将SliderThemeData.year2023设置为false。


  double _currentSliderValue = 20;
  Slider(
     year2023: false,
     value: _currentSliderValue,
     max: 100,
     onChanged: (double value) {
    
    
       setState(() {
    
    
         _currentSliderValue = value;
       });
     },
   ),

在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/zl18603543572/article/details/145809598
今日推荐