如何将showTimePicker用作flutter中的小部件？

Question

我希望用户选择日期和时间，因为有日期时间选择器对话框。

但是，有一种方法，我可以在某些flutter小部件上持续显示日期时间，并像其他任何小部件一样使用？

Container(
   child: showTimePicker(
          context: context,
          initialTime: TimeOfDay.now(),
          builder: (BuildContext context, Widget child) {
            return Theme(
              data: ThemeData.dark(),
              child: child,
            );
          },
        );
}

但是我不能将showTimePicker用作小部件。

如何使用showTimePicker()作为小部件？这样就可以在其顶部构建其他小部件。

Answer 1

您必须在单击任何小部件时打开showTimePicker。因此，您只需将showTimePicker的代码放入GestureDetector的onTap属性中，如下所示。

GestureDetector(
    onTap: () async {
        TimeOfDay picked = await showTimePicker(
        context: context,
        initialTime: TimeOfDay.now(),
        builder: (BuildContext context, Widget child) {
           return MediaQuery(
           data: MediaQuery.of(context)
           .copyWith(alwaysUse24HourFormat: true),
           child: child,
           );
        },);
     },
     child: Text("SetTime",textAlign: TextAlign.center,));