[Flutter]iOS風(Cupertino)のDatePickerを表示するには?

Flutter

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

iOS風のDatePickerを表示するには、どうしたらいいのでしょうか?

スポンサーリンク

方法

まず、「Cupertinoパッケージ」をインポートします。

import 'package:flutter/cupertino.dart';
var selectDate = DateTime.now();

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

CupertinoDatePicker(
        initialDateTime: selectDate,
        mode: CupertinoDatePickerMode.date,
        onDateTimeChanged: (dateTime) {
          setState(() => selectDate = dateTime);
        },
      )

「CupertinoDatePickerウェジェット」を使うことで、iOS風のDatePickerを表示することが出来ます。

「CupertinoDatePicker」は、引数「onDateTimeChanged」に、値が変更された時の処理を記述することが使うことが出来ます。

上記のCupretinoDatePickerでは、次の3つの引数を使っています。

  • initialDate : 日付の初期値
  • mode : DatePickerの表示スタイル
  • onDateTimeChanged : 値が変更された時の処理

コメント

タイトルとURLをコピーしました