如何在flutter中制作半圆形滑块

Question

我是颤振的新手。我正在开发一个音乐应用程序。我想要一半（180\xc2\xb0）或更多一半（180\xc2\xb0-240\xc2\xb0）圆形滑块来增加或减少音量。

\n

\n

笔记：

\n

Answer 1

您可以使用pub.devsleek_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),));
            },
          ),

这将创建这样的东西 -

您可以在此处了解更多自定义选项。