Flutter：按钮设置CupertinoTimerPicker值无效问题求助

问题原因 #

CupertinoTimerPicker的initialTimerDuration参数仅在组件第一次初始化时生效，后续即使通过setState更新_dateClock并触发build，只要组件的标识（Key）未改变，它会维持内部已有的状态，不会读取新的initialTimerDuration值。

另外你的onTimerDurationChanged回调里直接赋值_dateClock但未调用setState，这会导致用户手动修改选择器时，_dateClock的变化无法同步到其他依赖该变量的UI，建议补充setState。

解决方案 #

给CupertinoTimerPicker添加一个随_dateClock变化的Key，强制组件在_dateClock更新时重新初始化，从而加载新的初始时长。

修改后的完整代码示例 #

class _YourWidgetState extends State<YourWidget> {
  Duration _dateClock = Duration(hours: 0, minutes: 0);

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        CupertinoTimerPicker(
          // 添加ValueKey，当_dateClock变化时Key更新，触发组件重建
          key: ValueKey(_dateClock),
          mode: CupertinoTimerPickerMode.hm,
          alignment: Alignment.center,
          initialTimerDuration: _dateClock,
          backgroundColor: themeColor,
          onTimerDurationChanged: (value) => setState(() {
            _dateClock = value;
          }),
        ),
        ElevatedButton(
          onPressed: () => setState(() {
            _dateClock = Duration(hours: 15, minutes: 10);
          }),
          child: const Text('Now'),
        ),
      ],
    );
  }
}

补充说明 #

• 使用ValueKey(_dateClock)的原因：当_dateClock的值改变时，Key的哈希值也会变化，Flutter会认为这是一个新组件，从而销毁旧的CupertinoTimerPicker实例并创建新的，此时新实例会读取最新的initialTimerDuration值。
• 若不想每次重建组件，也可以自定义StatefulWidget封装CupertinoTimerPicker，手动暴露更新时长的方法，但上述Key的方式是最直接简便的解决方案。

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