[Flutter]CupertinoDatePickerを時間のみ(time only)の選択(select)にするには？

どうも、ちょげ(@chogetarou)です。

CupertinoDatePickerを時間だけ選択できるようにする方法を紹介します。

方法
使用例

方法

CupertinoDatePickerを時間のみの選択にするには、引数「mode」を使います。

具体的には、CupertinoDatePickerの引数「mode」に「CupertinoDatePickerMode.time」を指定します。

CupertinoDatePicker(
  mode: CupertinoDatePickerMode.time,
  ・・・・
),

引数「mode」を使えば、CupertinoDatePickerを時間だけの選択にすることができます。

使用例

以下は、使用例です。

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  var _selectDate = DateTime.now();
  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: CupertinoPageScaffold(
        child: Center(
          child: CupertinoDatePicker(
            mode: CupertinoDatePickerMode.time,
            initialDateTime: _selectDate,
            onDateTimeChanged: (newDate) {
              setState(() {
                _selectDate = newDate;
              });
            },
          ),
        ),
      ),
    );
  }
}