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

Question

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

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) {},
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );

结果: