Flutter HorizontalPicker组件SetState无法更新最大值求助

因为该组件内部未实现对maxValue变化的监听，单纯通过setState更新参数不会触发组件重绘，以下是两种可行的解决办法：

方法一：通过Key强制组件重建 #

给HorizontalPicker添加唯一Key，当maxValue变化时更新Key，Flutter会识别到组件实例变化并重新构建，从而刷新参数：

// 在State类中定义Key变量
Key _pickerKey = UniqueKey();

// 更新maxValue时同步更新Key
void updatePickerMaxValue(double newMaxValue) {
  setState(() {
    Recipe.recipe.recipeWeight = newMaxValue;
    _pickerKey = UniqueKey(); // 生成新Key触发组件重建
  });
}

// 组件使用该Key
HorizontalPicker(
  key: _pickerKey, // 关键：绑定Key
  initialValue: Recipe.recipe.portionWeight.toInt(),
  height: 70,
  minValue: 0,
  maxValue: Recipe.recipe.recipeWeight,
  divisions: Recipe.recipe.recipeWeight.toInt(),
  suffix: " g",
  showCursor: false,
  backgroundColor: Colors.grey.shade900,
  activeItemTextColor: Colors.white,
  passiveItemsTextColor: Colors.amber,
  onChanged: (value) {
    setState(() {
      Recipe.recipe.portionWeight = value;
      Recipe.calculatePortionGrams();
      Speedometers.elaborateKcalNeedlePointer(value);
      Recipe.updateRecipe();
    });
  },
),

方法二：临时隐藏再显示组件 #

通过布尔变量控制组件的显示状态，先隐藏组件再重新显示，触发组件重建：

// 在State类中定义控制变量
bool _isPickerVisible = true;

// 更新maxValue的逻辑
void updatePickerMaxValue(double newMaxValue) {
  setState(() {
    _isPickerVisible = false; // 先隐藏组件
    Recipe.recipe.recipeWeight = newMaxValue;
  });
  // 等待下一帧后重新显示
  WidgetsBinding.instance.addPostFrameCallback((_) {
    setState(() {
      _isPickerVisible = true;
    });
  });
}

// 组件部分
_isPickerVisible ? HorizontalPicker(
  // 原组件参数
) : SizedBox.shrink(),

推荐使用方法一，无需延迟操作，性能更优且逻辑更简洁。

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