Flutter 中的 CupertinoDatePicker 小部件:全面指南
    		       		warning:
    		            这篇文章距离上次修改已过433天,其中的内容可能已经有所变动。
    		        
        		                
                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回调,你可以处理用户更改日期时触发的事件,并更新状态以反映新的日期。
评论已关闭