如何在颤振中制作半圆形滑块

时间:2020-08-24 07:23:55

标签: flutter dart flutter-layout

我是新手。我正在开发音乐应用。我想使用一半(180°)或更多(一半(180°-240°)的圆形滑块)来增大或减小音量。

注意:IMAGE IS HERE FOR REFERENCE

1 个答案:

答案 0 :(得分:2)

您可以使用pub.dev中的sleek_circular_slider

将依赖项添加到pubspec.yaml

dependencies:
    sleek_circular_slider : ^1.1.0

运行flutter packages get来获取依赖项。

将其导入您的项目文件

import 'package:sleek_circular_slider/sleek_circular_slider.dart';

然后您可以像这样创建滑块-

        final SleekCircularSlider(
            min: 0,
            max: 100,
            initialValue: 0,
            onChange: (double value) {
              // callback providing a value while its being changed (with a pan gesture)
            },
            onChangeStart: (double startValue) {
              // callback providing a starting value (when a pan gesture starts)
            },
            onChangeEnd: (double endValue) {
              // callback providing an ending value (when a pan gesture ends)
            },
            innerWidget: (double value) {
              //This the widget that will show current value
              return Center(child: Text("${value.toInt().toString()} %", style: TextStyle(fontSize: 30.0, fontWeight: FontWeight.w200),));
            },
          ),

这将创建类似这样的内容-

enter image description here

您可以了解更多自定义选项here