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

时间:2019-07-25 12:24:31

标签: flutter flutter-layout

我需要将时间选择器实现为小部件。 我不需要模态对话或对话。我需要将其显示在容器中。感谢任何资源或指导。enter image description here

1 个答案:

答案 0 :(得分:2)

您可以使用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) {},
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );

结果:

enter image description here