探索 Flutter 的新星:CupertinoDatePicker —— 更优雅的日历选择器
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
DateTime _dateTime = DateTime.now();
void _updateDateTime(DateTime newDateTime) {
setState(() {
_dateTime = newDateTime;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: CupertinoDatePicker(
initialDateTime: _dateTime,
onDateTimeChanged: _updateDateTime,
use24hFormat: true,
),
),
);
}
}
这段代码演示了如何在 Flutter 应用中使用 CupertinoDatePicker
来创建一个日期选择器。它展示了如何初始化选择器,并处理用户更改日期时间的回调。这是一个简单而又优雅的日期选择器示例,适合在 iOS 风格的应用中使用。
评论已关闭