どのようにフラッターで日付ピッカーを使用する- flutter隅.コム
2696 ワード
ここ242479152の完全な記事
こんにちはみんなどのようにあなたはすべてですか?この動画はお気に入りから削除されています.今日、我々はフラッターでdatepickerを使用するフラッター完全ガイドで日付ピッカーを使用する方法を学びます.
何度も我々は日付、誕生日、予約日、特定のフィールドなどのスケジュールの日付を入力する必要がありますので、どのように我々はユーザーに我々のアプリのUIで最高のユーザーエクスペリエンスで日付を入力することができます.ここでShowDataPickerを使用します
そこでdatepickerを使わなければなりません.我々はフラッタ知っているすべてのウィジェットについてです.それで、フラッターのdatepickerを使う方法のロスがあります.だからあなたの時間を無駄にせずに、このチュートリアルを開始することができます.
フラッターで日付ピッカーを使う方法
まずは輸入素材.あなたのメインでダーツ.ダートファイル.
次に、selecteddateという名前の変数を作りましょう.ここではデフォルトを渡します.
この変数を使用して、選択した日付選択日付を取得できます.
ここで私の完全なソースコードです.バッター理解のために.
ここ242479152の完全な記事
こんにちはみんなどのようにあなたはすべてですか?この動画はお気に入りから削除されています.今日、我々はフラッターでdatepickerを使用するフラッター完全ガイドで日付ピッカーを使用する方法を学びます.
何度も我々は日付、誕生日、予約日、特定のフィールドなどのスケジュールの日付を入力する必要がありますので、どのように我々はユーザーに我々のアプリのUIで最高のユーザーエクスペリエンスで日付を入力することができます.ここでShowDataPickerを使用します
そこでdatepickerを使わなければなりません.我々はフラッタ知っているすべてのウィジェットについてです.それで、フラッターのdatepickerを使う方法のロスがあります.だからあなたの時間を無駄にせずに、このチュートリアルを開始することができます.
フラッターで日付ピッカーを使う方法
まずは輸入素材.あなたのメインでダーツ.ダートファイル.
import 'package:flutter/material.dart';
Then, Define MyApp in your runApp.
void main() {
runApp(MyApp());
}
ここで、statelessクラスでMyAppを定義します.そして、足場として家を渡してください.足場では、Appbar、体などを使用します.class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: "DatePicker Example - FlutterCorner",
debugShowCheckedModeBanner: false,
theme: ThemeData(
cursorColor: Colors.grey,
dialogBackgroundColor: Colors.white,
colorScheme: ColorScheme.light(primary: Colors.black),
buttonTheme: ButtonThemeData(textTheme: ButtonTextTheme.primary),
highlightColor: Colors.grey[400],
textSelectionColor: Colors.grey,
),
home: Scaffold(
appBar: AppBar(
title: Text("DatePicker Example - FlutterCorner"),
backgroundColor: Colors.black,
),
body: DatePickerClass(),
),
);
}
}
それから、私が私の体で定義するように、datePickerClassと名付けられたstatefulwidgetを作った後に.カスタム名を使用できます.次に、selecteddateという名前の変数を作りましょう.ここではデフォルトを渡します.
DateTime selectedDate = DateTime.now();
その後、あなたはどこで日付ピッカーを定義する場所を実装する必要があります.私はdateickerを使用するためにraisedButtonを使用しています. RaisedButton(
onPressed: () => _selectDate(context), // Refer step 3
child: Text(
'Pick Date',
style:
TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
),
color: Colors.black,
),
Lets Make Method to call showDatePicker function
_selectDate(BuildContext context) async {
final DateTime picked = await showDatePicker(
context: context,
initialDate: selectedDate,
firstDate: DateTime(2000),
lastDate: DateTime(2025),
);
if (picked != null && picked != selectedDate)
setState(() {
selectedDate = picked;
});
}
必要に応じてfirstdateとlastdateを変更することができます.この変数を使用して、選択した日付選択日付を取得できます.
ここで私の完全なソースコードです.バッター理解のために.
ここ242479152の完全な記事
Reference
この問題について(どのようにフラッターで日付ピッカーを使用する- flutter隅.コム), 我々は、より多くの情報をここで見つけました https://dev.to/fluttercorner/how-to-use-date-picker-in-flutter-31nテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol