繁体   English   中英

Flutter showTimePicker 总是返回 null

[英]Flutter showTimePicker always returns null

所以我试图使用 flutter 中的 showTimePicker 函数,但发生的情况是对话框显示时间选择器,但是一旦我点击对话框中的任何内容,它就会关闭并返回 null。 即使我在选择器中点击一个数字。

我只在 iOS 上测试过。

我已经尝试将 InkWell 封装在 Builder 中,并为 showTimePicker 函数提供来自该构建器的上下文,但我得到了相同的结果。

我认为 InkWell 可能正在从对话框中捕获点击事件,但我在 _pickNewDailyResetTime 方法中设置了一个断点,它只在正确的时间进入,而不是在我点击对话框时。

如果这很重要,我为父小部件中的底部菜单设置了一个导航器。

无论如何,这是我的小部件代码,任何帮助表示赞赏:

import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';

class DailyResetTime extends StatefulWidget {
  DailyResetTime();

  @override
  _DailyResetTimeState createState() => _DailyResetTimeState();
}

class _DailyResetTimeState extends State<DailyResetTime> {
  TimeOfDay _dailyResetTime;

  @override
  void initState() {
    super.initState();
    _loadDailyResetTime();
  }

  _loadDailyResetTime() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    setState(() {
      String sDailyResetTime = prefs.getString('dailyResetTime');

      _dailyResetTime = sDailyResetTime != null
          ? TimeOfDay(
              hour: int.parse(sDailyResetTime.split(":")[0]),
              minute: int.parse(sDailyResetTime.split(":")[1]))
          : TimeOfDay(hour: 0, minute: 0);
    });
  }

  _pickNewDailyResetTime() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    showTimePicker(context: context, initialTime: _dailyResetTime)
        .then((value) {
      if (value == null) {
        return;
      }

      setState(() {
        _dailyResetTime = value;
        prefs.setString('dailyResetTime',
            value.hour.toString() + ":" + value.minute.toString());
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return InkWell(
        onTap: _pickNewDailyResetTime,
        child: Container(
            height: 48.0,
            padding: EdgeInsets.only(right: 24),
            decoration: BoxDecoration(
                border: Border(
                    bottom: BorderSide(color: Colors.black12, width: 1.0))),
            child: Row(
              children: [
                Text('Daily reset time'),
                Spacer(),
                Text(_dailyResetTime?.format(context) ?? '')
              ],
            )));
  }
}

显然导航器是问题所在,将 useRootNavigator: false 传递给函数参数为我解决了这个问题。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM