Flutter _ 你真的会用 Slider 组件吗？，字节跳动厂内部超高质量Flutter+Kotlin笔记

_value = v;
});
},
),
),

呈现出来的效果是这样的。

介绍 Slider 的使用方法绝对不是本文的目的。细心的读者可能会发现，在上图中，Slider 的轨道（track）宽度并没有占满水平方向，左右还留有空间。读者在直观上可能会认为是轨道自带了外边距（margin）或内边距（padding），其实都不是！左右留有的空间是 Slider 的大小，Slider 占据了整个屏幕的水平宽度。留出的左右空白大小，刚好是滑块外圈直径的大小！滑块滑到最左或最右，能保证滑块仍然在 Slider 内部，仅此而已，如下图。

如何让轨道宽度和 Slider 一样？

读者用过某音，某狗的音乐播放器，某牙、某站的视频播放器，会发现一个共性：他们的滑块是不会超过轨道的。既然有了上面的问题，那么如何解决呢？以正常的角度来看问题，本质是轨道的宽度不够导致的，那么我们让轨道的宽度和 Slider 保持一致，问题就迎刃而解了。

Slider 各个组件（轨道、滑块、标签、刻度）的形状都是可以自定义的&#x