dart 如何在抖动范围滑块中使用渐变色

ehxuflar  于 2022-12-20  发布在  其他
关注(0)|答案(1)|浏览(124)

enter image description here
我想在我的U.I这种类型的范围滑块

我想要不带任何库的可影响的解决方案

1l5u6lss

1l5u6lss1#

在滑块中,你不能直接传递渐变,因为滑块只接受颜色。
但是你可以添加容器和渐变颜色,然后添加滑块

...

     Container(
        height: 10,
        width: 200,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(5),

          // gradient colors
          gradient: LinearGradient(colors: [
            Colors.red,
            Colors.blue,
          ]),
        ),
        child: SliderTheme(
          data: SliderThemeData(
            overlayShape: SliderComponentShape.noOverlay,
          ),
          child: Slider(
           
            // you have to transparent colors to show gradient colors
            activeColor: Colors.transparent,
            inactiveColor: Colors.transparent,
            thumbColor: Colors.green,
            onChanged: (v) => setState(() => value = v),
            value: value,
          ),
        ),

如果你在我的英语或我的解决方案中发现任何语法错误,请随时编辑它:)

相关问题