Flutter 中的 CupertinoDatePicker 小部件:全面指南
CupertinoDatePicker
是Flutter中用于创建iOS风格的日期选择器的小部件。以下是如何使用CupertinoDatePicker
的示例代码:
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: CupertinoDatePickerExample(),
);
}
}
class CupertinoDatePickerExample extends StatefulWidget {
@override
_CupertinoDatePickerExampleState createState() => _CupertinoDatePickerExampleState();
}
class _CupertinoDatePickerExampleState extends State<CupertinoDatePickerExample> {
DateTime _dateTime = DateTime.now();
@override
Widget build(BuildContext context) {
return CupertinoPageScaffold(
navigationBar: CupertinoNavigationBar(
middle: Text('Cupertino Date Picker Example'),
),
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
// 创建日期选择器
CupertinoDatePicker(
initialDateTime: _dateTime,
onDateTimeChanged: (dateTime) {
setState(() {
_dateTime = dateTime;
});
},
),
// 显示选中的日期
Text('Selected Date: ${_dateTime.toString()}'),
],
),
),
);
}
}
这段代码创建了一个CupertinoDatePicker
,它允许用户选择日期。选中的日期通过一个文本小部件显示在屏幕中央。通过onDateTimeChanged
回调,你可以处理用户更改日期时触发的事件,并更新状态以反映新的日期。
评论已关闭