如何在 flutter 中链接线性进度指示器和 slider？

Question

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

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

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

谢谢你

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,
          ),
        ],
      ),
    );
  }
}