Flutter 如何将时间选择器显示为小部件

Question

我需要将时间选择器实现为小部件。我不需要它在 modal 或 dialog 。我需要将其显示在容器中。感谢任何资源或指南。

Answer 1

您可以使用CupertinoTimePicker.

return Scaffold(
      body: Center(
        child: Container(
          height: 200,
          child: Card(
            elevation: 4,
            child: Row(
              children: <Widget>[
                SizedBox(
                  width: 100,
                  child: Text("Select a time"),
                ),
                Expanded(
                  child: CupertinoTimerPicker(
                    mode: CupertinoTimerPickerMode.hm,
                    onTimerDurationChanged: (data) {},
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );

结果：