Flutter - Slider的使用

最新推荐文章于 2024-08-21 09:19:25 发布

细粉条

最新推荐文章于 2024-08-21 09:19:25 发布

阅读量2.2k

点赞数

分类专栏： Flutter 文章标签： flutter

本文链接：https://blog.csdn.net/liyun123gx/article/details/107630856

版权

这篇博客介绍了如何在Flutter中使用Slider组件来实现自定义滑块效果，包括关键的代码展示和SliderTheme属性的详细说明。

摘要由CSDN通过智能技术生成

要实现下图这样的滑块效果：
在这里插入图片描述
代码如下：

                Container(
                    margin: EdgeInsets.only(top: 15),
                    height: 12,
                    child: SliderTheme(
                      data: SliderTheme.of(context).copyWith(
                        activeTrackColor: ColorFF3075EE,
                        inactiveTrackColor: Color1A3075EE,
                        trackHeight: 2,
                        thumbColor: ColorFF3075EE,
                        thumbShape:
                            RoundSliderThumbShape