效果如下:
思路:
用 CupertinoTheme
包裹 CupertinoDatePicker
,给 CupertinoDatePicker
设置局部主题。
代码:
class _ThemeDemoPage2State extends State<ThemeDemoPage2> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('修改DatePicker的theme')),
body: Column(
children: [
SizedBox(
width: 500,
height: 250,
child: CupertinoTheme(
data: CupertinoThemeData(
textTheme: CupertinoTextThemeData(
dateTimePickerTextStyle: TextStyle(
color: Colors.yellow,
fontSize: 18,
),
),
),
child: CupertinoDatePicker(
mode: CupertinoDatePickerMode.date,
backgroundColor: Colors.black54,
onDateTimeChanged: (date) {
print(date);
},
),
),
),
],
),
);
}
}