如何在`Slider`旁边显示最小值和最大值的标签？

Question

在Slider的左边显示最小值（比如 "0"），右边显示最大值（比如 "100"），中间是滑动条。这种布局怎么实现？

Answer 1

用Row将最小值标签(Text)、Slider和最大值标签(Text) 水平排列在一起。此外，为了让Slider能够自动填充中间的剩余空间，可以给Slider设置.layoutWeight(1)

 Slider({ value: this.volume, min: minVolume, max: maxVolume })"
    .layoutWeight(1) // 设置权重为 1
    .onChange((v, m) => { this.volume = v; })