Cupertino date picker flutter

Question

I am using Cupertino date picker . I want to achieve something like below image -

But currently it's look like below image -

This is my code -

CupertinoTheme(
                    data: CupertinoThemeData(
                      textTheme: CupertinoTextThemeData(
                        dateTimePickerTextStyle: TextStyle(
                          fontSize: 20,
                          color: Colors.white
                        ),
                      ),
                    ),
                    child: CupertinoDatePicker(
                      mode: CupertinoDatePickerMode.date,
                      onDateTimeChanged: (DateTime dateTime) {},
                    ),
                  )

How to achieve like first image ? Is there any library to achieve similar?

Could not find much method that it has exposed. Only wrapping with sized Box provide some look but near. You can create custom widget 3xCupertinoPicker inside Row. — Md. Yeasin Sheikh, Jun 08 '22 at 18:02

Sujan Gainju · Answer 1 · 2022-06-08T17:10:44.810

0

Not sure if we could do that in CupertinoDatePicker .

But

You could use Flutter Cupertino Date Picker to achieve the layout you want. You could either show it as bottom-sheet or a widget

Null Safe Version : flutter_cupertino_datetime_picker

edited Jun 08 '22 at 17:10

answered Jun 08 '22 at 17:03

Sujan Gainju

4,273
2
14
34

Cupertino date picker flutter

1 Answers1