android - 如何使用 Flutter Slider 设置自定义数据模型

Question

我有一个名为 Item 的自定义数据模型，它具有属性 emotionLevel，在页面上，我有一个带有“情绪 slider ”的卡片列表。

我想根据 slider 值设置 Item.emotionLevel，但由于某些原因，以下代码不起作用( slider 卡住，无法移动):

            new Slider(
                value: item.emotionLevel,
                min: 1.0,
                max: 5.0,
                divisions: 4,
                activeColor: Colors.blue,
                inactiveColor: Colors.black,
                label: 'Set a value',
                onChanged: (double newValue) {
                  setState(() {
                    item.emotionLevel = newValue;
                  });
                },
                semanticFormatterCallback: (double newValue) {
                  return '${newValue.round()} dollars';
                })

有人可以帮我指出如何实现能够设置自定义数据模型的 slider 的正确方向吗？谢谢。

Answer 1

我能想到的唯一原因是您可能在 build 方法中初始化了 Item。

请记住，只有当状态发生变化时，小部件才会再次呈现，即简单地在变量中。现在，在您的情况下，Item 未在中初始化，而是在 build 函数中

错误:

@override
  Widget build(BuildContext context) {
   Item item = new Item(); //just put it outside build
   return Scaffold(
   .
   .
   .

  }

右:

Item item = new Item();
@override
  Widget build(BuildContext context) {
   return Scaffold(
   .
   .
   .

  }

显然这是我的猜测，您可以尝试这个解决方案。