RangeSlider 上的 Flutter RangeLabels 不起作用

标签 flutter dart flutter-layout rangeslider

我试图让基本的 RangeSlider 与显示标签开始结束范围的标签一起工作。下面是您可以制作的最简化的...一个包含 slider 的容器。
由于某种原因,标签没有出现?我看过其他样本,这应该是微不足道的,但无法弄清楚为什么它没有显示标签?这可能是一个错误吗?

  class _TestScreenState extends State<TestScreen> {
 RangeValues _values = RangeValues(15, 30);

   @override
 Widget build(BuildContext context) {
   return Scaffold(
   appBar: AppBar(
    title: Text('Testing formatting'),
  ),
  body: Container(
    child:  RangeSlider(
          values: _values,
          min:1,
          max: 60,
          labels: RangeLabels('${_values.start.round()}', '${_values.end.round()}'),
          onChanged: (RangeValues values) {
            setState(() {
              _values = values;
            });
          },
        ),
  ),
  drawer: SideDrawer(),
);

}

更新:想通了,不确定是否是默认设置,但我需要指定一个 SliderTheme,然后在 sliderTheme 中,提供 SlideThemeData 并将 showvalueindicator 设置为 showvalueIndactor.always。然后它开始出现。

最佳答案

这是实现相同目标的方法

SliderTheme(
    data: SliderThemeData(
      showValueIndicator: ShowValueIndicator.always
    ),
    child: RangeSlider(
      values: _values,
      min: 0,
      max: 1000,
      labels: RangeLabels('${_values.start.round()}', '${_values.end.round()}'),
      inactiveColor: Colors.grey,
      activeColor: Colors.black,
      onChanged: (RangeValues values) {
        setState(() {
          _values = values;
        });
      },
    ),
);

这里 _values 是像这样在 State 类中定义的 RangeValues
     class _FilterScreenState extends State<FilterScreen>{
      RangeValues _values = RangeValues(100, 900);
}

关于RangeSlider 上的 Flutter RangeLabels 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57937000/

相关文章:

csv - Http请求未完成

ios - Flutter 删除 CupertinoNavigationBar 背景

如果 Flutter Row 溢出,则忽略子项

flutter - 无法在 flutter 中截取屏幕截图

带有持久抽屉和应用栏的 Flutter Web Navigation

带有平台分支的 Flutter 小部件测试

ios - 错误 ITMS-90165 : "Invalid Provisioning Profile Signature."

flutter - 如何在 Google 表格中接受可变数量的参数

flutter - 缩放嵌套 RichText 小部件以实现可访问性

flutter - 长按EditableText Widget时不显示文本选择工具栏选项