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

时间:2020-06-07 12:20:53

标签: flutter dart flutter-dependencies

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

据我所知,滑块只能手动设置
我想要一种集成两者的方法,使该滑块显示音乐曲目的当前进度,并且用户可以拖动它以影响该值。

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

谢谢

1 个答案:

答案 0 :(得分:0)

您可以创建一个变量来保存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,
          ),
        ],
      ),
    );
  }
}