【Flutter】Slider 自定义trackShape时最大最小值无法填满进度条问题

起因:

升级Flutter SDK 从3.29升到了3.32.

源代码:

dart 复制代码
                  SliderTheme(
                    data: SliderThemeData(
                      trackHeight: 20.,
                      trackShape: SliderBarTrackShape(), //SliderBarTrackShape是自定义的
                      thumbShape: RoundSliderOverlayShape(overlayRadius: 8.w),
                      showValueIndicator: ShowValueIndicator.never,
                    ),
                    child: Slider(
                        value: progress,
                        min: 0,
                        divisions: 10,  
                        max: 10,
                        label: "$progress",
                        onChanged: (d)=>{},
                  ),

问题:

最大最小值无法填满整个进度条

解决方法:

1、注释divisions: 10就好,间隙会自己计算;

2、注释掉trackShape: SliderBarTrackShape(),

相关推荐
xcyxiner17 小时前
flutter wsl2安装记录(使用宿主机虚拟机)
前端·flutter
Kevin Coding18 小时前
JsonConvert:适用于 Android、鸿蒙与 Flutter 的 JSON 转 Model 插件
android·flutter·harmonyos
iFlyCai1 天前
Flutter原理深度解析:从架构到渲染的全面剖析(二)
flutter·flutter 三棵树
里欧跑得慢1 天前
CSS 模块化架构的演进:BEM、CSS Modules 到 CSS-in-JS 的反思
前端·css·flutter·web·css-in-js
iFlyCai2 天前
深入理解Flutter:StatefulWidget生命周期全解析(一)
flutter·dart·状态管理·statefulwidget
xiangxiongfly9152 天前
Flutter video_player总结
flutter·video_player·chewie
见山是山-见水是水3 天前
鸿蒙版 Flutter Video 视频播放组件:播放控制、全屏切换与倍速播放
flutter·音视频·harmonyos
六年码农3 天前
2026最新开源 屏译ScreenTranslator 0.4.4 开源 全屏实时翻译教程
运维·人工智能·flutter·开源
WeiAreYoung3 天前
Flutter+iOS 实现 Live Activity
flutter·ios
恋猫de小郭3 天前
超好用 R8 Configuration Analyzer, 优化你的 App 大小和内存
android·前端·flutter