Flutter中showTimePicker在三星A33设备上不显示OK/Cancel按钮求助

我在Flutter应用中使用showTimePicker()展示时间选择器弹窗，多数设备运行正常，但有客户反馈其三星A33设备上不显示OK和Cancel按钮，导致无法保存选择的时间。

正常显示效果：

异常显示效果：

我曾参考过类似问题，但本次情况不同——异常界面中完全没有按钮的显示空间，因此排除字体颜色导致的不可见问题。由于无法在客户设备上调试，特寻求帮助。

调用showTimePicker的代码如下：

void pickStartTime() async {
    final time = await showTimePicker(
      context: context,
      initialTime: TimeOfDay.fromDateTime(selectedDate),
      initialEntryMode: TimePickerEntryMode.input,
      confirmText: 'OK',
      cancelText: 'CANCEL',
    );
    if (time == null) {
      return;
    }
    setState(() {
      selectedDate = selectedDate.subtract(Duration(
        hours: selectedDate.hour,
        minutes: selectedDate.minute,
      ));
      selectedDate = selectedDate.add(Duration(
        hours: time.hour,
        minutes: time.minute,
      ));
    });
  }

解决方案建议 #

• 先尝试移除initialEntryMode: TimePickerEntryMode.input参数，使用默认选择模式测试，看按钮是否能正常显示。若业务必须使用输入模式，再尝试后续方案。
• 通过自定义TimePickerThemeData强制调整按钮区域布局，确保有足够显示空间：

final time = await showTimePicker(
  context: context,
  initialTime: TimeOfDay.fromDateTime(selectedDate),
  initialEntryMode: TimePickerEntryMode.input,
  confirmText: 'OK',
  cancelText: 'CANCEL',
  theme: Theme.of(context).copyWith(
    timePickerTheme: TimePickerThemeData(
      actionsPadding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
      actionRowHeight: 56,
      confirmButtonStyle: TextButton.styleFrom(
        padding: EdgeInsets.symmetric(horizontal: 20),
      ),
      cancelButtonStyle: TextButton.styleFrom(
        padding: EdgeInsets.symmetric(horizontal: 20),
      ),
    ),
  ),
);

• 升级Flutter SDK到最新稳定版本，旧版本可能存在针对三星A33这类设备的布局适配bug，新版本通常会修复这类兼容性问题。
• 若以上方案无效，建议改用第三方时间选择器库（如flutter_datetime_picker或date_time_picker），这类库布局更可控，兼容性更强，能避免系统组件的适配问题。

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