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