如何在颤动中链接线性进度指示器和滑块？

Question

我正在制作一个音乐播放器，其中进度指示器将充当滑块来更改音乐位置以及进度条。

据我了解，滑块只能手动设置，而linearprogess 指示器没有这样的滑块。
我想要一种方法来集成两者，以便滑块显示音乐曲目的当前进度，并且用户可以拖动它来影响值。

有什么办法吗？或者如果我有任何误解，请纠正我。

谢谢你

Answer 1

您可以创建一个变量来保存slider 的值，并在滑动时更新此变量并将该变量设置为进度指示器。

像这样：

class LinearSlider extends StatefulWidget {
  @override
  _LinearSliderState createState() => _LinearSliderState();
}

class _LinearSliderState extends State<LinearSlider> {
  double sliderValue = 0.3;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        mainAxisSize: MainAxisSize.max,
        children: <Widget>[
          Slider(
            value: sliderValue,
            onChanged: (v){
              setState(() {
                sliderValue = v;
              });
            },
          ),

          LinearProgressIndicator(
            value: sliderValue,
          ),
        ],
      ),
    );
  }
}