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

Question

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

笔记：

标签： flutterdartflutter-layout

Answer 1

您可以使用sleek_circular_slider来自pub.dev

将依赖项添加到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),));
            },
          ),

这将创建这样的东西 -

您可以在此处阅读更多自定义选项。