3

I am working on an app for a while now but I'm stuck working with the TimePicker. At the moment it is showing one "ring" with marks for all hours, but I'd like it to show two "rings" both with 12 hours on it.

There are two other questions about this topic on stackoverflow, but none answers the question. One is the other way around and the other has no answers.

Here is the current state: Current state

This is how it should be:

How it should be

I searched the web and found out that localizations play some role here. I tried some (the Spanish one sounded to be promising) but it didn't worked. It is also a really strange way to do it over the localizations. Do you have any idea how to solve

The current code is just the normal showTimePicker method: `

time = await showTimePicker(
       context: context,
       initialTime: TimeOfDay.fromDateTime(widget.notify.fireTime),
);

`

Erik0806
  • 31
  • 2
  • A quick investigation led me to believe there is only the top possibility for 24 hour format in flutter. The bottom one with 2 rings must be a native app maybe. I could be wrong though – Ivo Nov 03 '22 at 11:40
  • ok thank you, maybe it will be added in the future – Erik0806 Nov 04 '22 at 16:38

1 Answers1

1

Flutter team (2021) In short, it will not be implemented, BUT

Material Design team (July 2022) They decided to use two circles and it is implemented now, but I don't see it in latest stable flutter release.

I guess here is a thread to monitor current status

vladli
  • 1,454
  • 2
  • 16
  • 40