Left and right to cancel or confirm slider flutter

Question

I need to use a slider which slides both to the left to cancel and right to confirm

this is the desired slider

I couldn't find a way to do it, is there any way to do it ?

question from:https://stackoverflow.com/questions/65873687/left-and-right-to-cancel-or-confirm-slider-flutter

Answer 1

You can achieve it by using a Slider and customizing it.

...

double _currentSliderValue = 5;

Slider customSlider() {
    return Slider(
      value: _currentSliderValue,
      min: 0,
      max: 10,
      divisions: 10,
      onChanged: (double value) {
        setState(() {
          _currentSliderValue = value;
        });
        if (_currentSliderValue == 0) // Decline 
        else if (_currentSliderValue == 10) // Accept
        else // Nothing
      },
    );
  }

The UI can be achieved by including the customSlider() as a child of a Row widget as follows (didn't try it but it should be the right path):

Row declineOrAcceptSlider() {
    return Row(children: [
      Text("Decline"),
      customSlider(),
      Text("Accept")
    ], mainAxisAlignment: MainAxisAlignment.spacedEvenly);
}