Flutter中Slider组件最小与最大值反转实现需求问询

要让Slider左侧显示35、右侧显示0，核心是反转滑块位置与实际数值的映射关系，同时通过布局添加左右标签。以下是具体修改方案：

1. 反转数值逻辑 #

保持Slider的min、max、divisions不变，将滑块位置对应的数值做反转计算：当滑块在最左侧（Slider value=0）时，实际数值为35；滑块在最右侧（Slider value=35）时，实际数值为0。

修改后的代码：

Slider(
  min: 0,
  max: 35,
  divisions: 15,
  // 可选：显示当前反转后的数值作为滑块标签
  label: '${35 - _sliderValue}',
  value: _sliderValue.toDouble(),
  onChanged: _change1Slider,
)

void _change1Slider(double e) => setState(() {
      _sliderValue = e;
      // 计算反转后的目标数值
      final reversedValue = 35 - e;
      // 保留你原有的数值处理逻辑，替换为反转后的数值
      print((reversedValue * base_number).floor() / base_number);
    });

2. 添加左右显示标签 #

通过Row组件将Slider与左右文本标签组合，实现左侧显示35、右侧显示0的视觉效果：

Row(
  children: [
    const Text('35', style: TextStyle(fontSize: 14)),
    Expanded(
      child: Slider(
        min: 0,
        max: 35,
        divisions: 15,
        label: '${35 - _sliderValue}',
        value: _sliderValue.toDouble(),
        onChanged: _change1Slider,
      ),
    ),
    const Text('0', style: TextStyle(fontSize: 14)),
  ],
)

这样调整后，滑块左滑时对应数值35，右滑时对应0，同时界面上左侧显示35、右侧显示0，完全符合需求。

内容的提问来源于stack exchange，提问作者Tdayo