flutter - 检查RangeSlider中的哪个Thumb(左或右)滑动

Question

我正在使用 RangeSlider。我需要根据(左或右 Thumb 是滑动)更改 Text 的值。我可以根据 Thumb slide 获取 rangeValue 的值，但我想具体知道滑动了哪个 thumb。

               RangeSlider(
                      values: rangeValues,
                      min: 0.0,
                      max: 11,
                      divisions: 11,
                      onChanged: (value) {
                        setState(() {
                          rangeValues = value;
                          if(rangeValues.start>=0){
                            range="start";
                          }
                          else if (rangeValues.end>=0){
                            range = "end";
                          }
                        });
                      }) 

Answer 1

这对你有用:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  final appTitle = 'RangeSlider Thumb Detection ';

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: appTitle,
      home: MyHomePage(title: appTitle),
    );
  }
}

class MyHomePage extends StatefulWidget {
  final String title;

  MyHomePage({Key key, this.title}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage>{

  RangeValues rangeValues = RangeValues(0.3, 0.7);

  String range = 'No meovement yet !';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(widget.title)),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: <Widget>[
          Text(range, style: TextStyle(fontSize: 22.0,),),
          RangeSlider(
              values: rangeValues,
              min: 0.0,
              max: 11,
              divisions: 11,
              onChanged: (value) {
                setState(() {
                  if(value.start != rangeValues.start){
                    range = 'Left thumb';
                  }
                  if(value.end != rangeValues.end){
                    range = 'Right thumb';
                  }
                  rangeValues = value;
                });
              }),
        ],
      ),
    );
  }
}