Flutter教程之在 Flutter 中显示 TextField 上的日期选择器（教程含源码）

首先我们必须知道它是什么

Flutter 中的日期选择器——Flutter 日期范围选择器是一个轻量级的小部件，它允许用户轻松选择单个日期、多个日期或一个日期范围。日期选择器提供月、年、十年和世纪视图选项，以快速导航到所需的日期。

让我们实现它…

日期选择器——
我们将在 textField 上实现“日期选择器”小部件，所以首先我们需要创建一个 textField 。

const Center(
child: Padding(
padding: EdgeInsets.all(20.0),
child: TextField(),
),),
1
2
3
4
5

但是它是多么简单😥 让我们在其中做一些创意🤔🤔…

Center(
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Container(
height: 45,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(5),
border: Border.all(color: Colors.grey)),
child: Center(
child: TextField(
cursorHeight: 20,
textAlign: TextAlign.start,
textInputAction: TextInputAction.nex
1
2
3
4
5
6
7
8
9
10
11
12
13