How to change font size for CupertinoDatePicker in Flutter?

Question

I need to change the font size of CupertinoDatePicker so it looks more like native one. The font is small compared to ios datepicker. For the height wrapping in a Container with height of MediaQuery.of(context).copyWith().size.height / 3 makes the height to be similar to native one.

raffleberry · Answer 1 · 2019-09-23T07:40:31.777

24

Another way to do this, is to wrap the CupertinoDatePicker in CupertinoTheme.

CupertinoTheme(
    data: CupertinoThemeData(
        textTheme: CupertinoTextThemeData(
            dateTimePickerTextStyle: TextStyle(
                fontSize: 16,
            ),
        ),
     ),
     child: CupertinoDatePicker(
          ...

edited Sep 23 '19 at 07:40

answered Sep 07 '19 at 04:31

raffleberry

348
3
9

2

if background doesn't change, you can add brightness. ```brightness: Theme.of(context).brightness,``` to CupertinoThemeData. – Paras khandelwal Jun 04 '20 at 12:55
https://stackoverflow.com/questions/72496007/change-text-color-of-cupertinotimerpicker how about this ? – Zuher Abud Said Jun 03 '22 at 23:32

score 4 · Answer 2 · answered Mar 07 '19 at 21:23

4

Finally got it, works as expected.

DefaultTextStyle.merge(
      style: TextStyle(fontSize: 20),
      child: CupertinoDatePicker(....)
)

answered Mar 07 '19 at 21:23

cosinus

1,905
3
15
21

How to change font size for CupertinoDatePicker in Flutter?

2 Answers2

Linked