如何均匀改变Flutter中滑块的轨道高度?

2024-02-28

My code:

          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 12),
            child: SliderTheme(
              data: SliderTheme.of(context).copyWith(
                inactiveTrackColor: Color(0xff8d8e98),
                activeTrackColor: Colors.white,
                thumbColor: Color(0xffeb1555),
                overlayColor: Color(0x29eb1555),
                thumbShape: RoundSliderThumbShape(enabledThumbRadius: 15),
                overlayShape: RoundSliderOverlayShape(overlayRadius: 30),
                trackHeight: 2,                                             
              ),
              child: Slider(
                value: 183,
                min: 10,
                max: 270,
                onChanged: (double value) {},
              ),
            ),
          ),

我懂了:

我期望的是这样的:

我怎么才能得到它?


这有点晚了,但是,当我刚刚自己解决这个问题时,我认为这对其他人可能有用:

您应该在 SliderTheme 数据中包含以下内容:

trackShape: RectangularSliderTrackShape(),

就是这样,您将获得具有相同高度的活动和非活动轨道!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何均匀改变Flutter中滑块的轨道高度? 的相关文章

随机推荐