flutter - 在 flutter 中同时获取3个输入值时出现问题

目前，我通过这种方法获取3个输入(A，B和C)

Slider(
  value: A,
  min: 0,
  max: 100,
  divisions: 100,
  label: 'A',
  onChanged: (value) {
    setState(
      () {
        A = value.toInt();
      },
    );
  },
),

我为每个输入使用了不同的滑块，但我的任务是在饼图中接受3个输入(在其中用户可以通过拖动标记/路线来设置3个值)，所有3个输入的组合应为100，但我没有找不到这样的小部件，请给我建议任何解决方案。

最佳答案

也许RangeSlider可以帮助您。这是一个滑块，但有两个拇指。它可以胜任，但我认为对于第一个范围(从0到第一个拇指)和最后一个范围(从第二个拇指到100)，它不能具有不同的颜色。

class Sliders extends StatefulWidget {
  @override
  _SlidersState createState() => _SlidersState();
}

class _SlidersState extends State<Sliders> {
  double start = 0.0;
  double end = 0.0;
  double a = 0.0;
  double b = 0.0;
  double c = 0.0;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        RangeSlider(
          values: RangeValues(start, end),
          onChanged: _handleOnChange,
          min: 0.0,
          max: 100.0,
        ),
        Text("A: $a"),
        Text("B: $b"),
        Text("C: $c"),
      ],
    );
  }

  void _handleOnChange(RangeValues values) {
    final start = values.start;
    final end = values.end;
    final a = start;
    final b = end - start;
    final c = 100.0 - end;
    setState(() {
      this.start = start;
      this.end = end;
      this.a = a;
      this.b = b;
      this.c = c;
    });
  }
}

关于flutter - 在 flutter 中同时获取3个输入值时出现问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/61975520/