在Flutter中,可以通过以下步骤将DateRangePicker的值传递给TextFormField:
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
class MyWidget extends StatefulWidget {
@override
_MyWidgetState createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
DateTimeRange selectedDateRange; // 用于存储选中的日期范围
@override
Widget build(BuildContext context) {
return Column(
children: [
RaisedButton(
child: Text('选择日期范围'),
onPressed: () async {
final picked = await showDateRangePicker(
context: context,
firstDate: DateTime(2022),
lastDate: DateTime(2023),
);
if (picked != null) {
setState(() {
selectedDateRange = picked;
});
}
},
),
TextFormField(
decoration: InputDecoration(
labelText: '选中的日期范围',
),
controller: TextEditingController(
text: selectedDateRange != null
? '${selectedDateRange.start} - ${selectedDateRange.end}'
: '',
),
readOnly: true,
),
],
);
}
}
void main() {
runApp(MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Flutter DateRangePicker'),
),
body: MyWidget(),
),
));
}
这样,当用户点击"选择日期范围"按钮时,会弹出一个DateRangePicker供用户选择日期范围。选中的日期范围将会显示在TextFormField中。
请注意,以上代码中没有提及任何特定的云计算品牌商,因为这与云计算无关。Flutter是一个跨平台的移动应用开发框架,可以在各种云计算平台上进行应用部署。
领取专属 10元无门槛券
手把手带您无忧上云