flutter日历范围选择器
warning:
这篇文章距离上次修改已过193天,其中的内容可能已经有所变动。
在Flutter中,你可以使用showDateRangePicker
函数来创建一个日历范围选择器。以下是一个简单的例子:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('日历范围选择器'),
),
body: Center(
child: RaisedButton(
child: Text('选择日期范围'),
onPressed: _selectDateRange,
),
),
),
);
}
// 选择日期范围的函数
void _selectDateRange() async {
final start = DateTime.now();
final end = DateTime.now().add(Duration(days: 7));
// 显示日期范围选择器
final RangePickerDateRange picked = await showDateRangePicker(
context: context,
firstDate: new DateTime(2015, 8),
lastDate: new DateTime(2021, 8),
initialDate: start,
initialDateRange: DateRange(start, end),
builder: (BuildContext context, Widget child) {
return Theme(
data: ThemeData.light().copyWith(
colorScheme: ColorScheme.light(primary: Colors.blue),
),
child: child,
);
},
);
if (picked != null && picked.start != null && picked.end != null) {
print('开始日期: ${picked.start}');
print('结束日期: ${picked.end}');
}
}
}
这段代码定义了一个_selectDateRange
函数,它调用showDateRangePicker
来显示日期选择器。用户选择日期范围后,函数将输出选定的开始和结束日期。这个例子还展示了如何使用Theme
来自定义选择器的样式。
评论已关闭