Flutter番茄钟：调用selectTime无法二次修改全局变量selectedTime与currentDuration

可能的原因及对应解决办法 #

• 状态未触发UI更新
  如果你的selectedTime和currentDuration是普通全局变量，修改后Flutter不会自动刷新UI，导致你误以为变量没变化。
  解决：把变量放到StatefulWidget的state类中，修改时用setState(() {})包裹赋值逻辑；或者使用ChangeNotifier+Provider、GetX等状态管理工具，确保变量变化时通知UI更新。

  示例（StatefulWidget方式）：

  class PomodoroPage extends StatefulWidget {
    @override
    _PomodoroPageState createState() => _PomodoroPageState();
  }
  
  class _PomodoroPageState extends State<PomodoroPage> {
    DateTime? selectedTime;
    Duration? currentDuration;
  
    Future<void> selectTime() async {
      final picked = await showTimePicker(
        context: context,
        initialTime: TimeOfDay.now(),
      );
      if (picked != null) {
        setState(() {
          selectedTime = DateTime(
            DateTime.now().year,
            DateTime.now().month,
            DateTime.now().day,
            picked.hour,
            picked.minute,
          );
          currentDuration = Duration(hours: picked.hour, minutes: picked.minute);
        });
      }
    }
  
    // UI渲染代码...
  }
  

• 局部变量覆盖全局变量
  检查selectTime方法内是否声明了和全局变量同名的局部变量，导致修改的是局部变量而非全局变量：

  // 错误示例：局部变量覆盖全局变量
  Future<void> selectTime() async {
    DateTime selectedTime; // 这里的变量和全局变量无关
    final picked = await showTimePicker(...);
    if (picked != null) {
      selectedTime = ...; // 修改的是局部变量，全局变量没变化
    }
  }
  

  解决：删除方法内的同名局部变量，直接操作全局变量。

• 时间选择器返回值异常
  二次调用时，用户可能取消了选择或者选择了和第一次相同的时间，导致赋值逻辑未执行。可以在方法内添加日志验证：

  Future<void> selectTime() async {
    final picked = await showTimePicker(...);
    print('选择的时间：$picked'); // 确认是否有有效返回值
    if (picked != null) {
      // 赋值逻辑...
    }
  }
  

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