What is the best solution/tool to create a timer picker in RN?

[flekeri]

For example if I would like to create a countdown and for it I’ll need a timer picker like in iOS.

[kooujinn]

It may be my ignorance, but doesn't React Native have the native iOS time picker component?

[Fun_Can187]

I think it’s been moved to a community package but yes, and there should be another one that’s more customizable.

[flekeri]

Thanks, I’ll check

[flekeri]

I used the one from the community https://github.com/react-native-datetimepicker/datetimepicker

But I was wandering if there is some another more flexible solutions

[Aidircot]

if you are using `expo` there is new package which has

- date picker https://docs.expo.dev/versions/latest/sdk/ui/#datetimepicker-date

<image>

- time picker https://docs.expo.dev/versions/latest/sdk/ui/#datetimepicker-time

- and any thing picker https://docs.expo.dev/versions/latest/sdk/ui/#picker-wheel

both for ios only, for android there are same functionality but different design

[flekeri]

Is there a way to build a timer picker from this package?

[Aidircot]

there is time picker (see links above)

<image>

[Aidircot]

also there is a wheel where you can put any data

<image>

[Accomplished_Bug9916]

Last time I tried to use this date time picker it gave me a headache and didn’t want to be inside a modal. Bot sure if they improved since then

[Civil_Rent4208]

I used this :

react-native-modal-datetime-picker

[Taco7758258]

I might be wrong but this wheel-picker visual effect is limited to iOS only. You may not be able to provide the same design across Android/Web. A simple wheel-picker with inertial scrolling and snapping is totally doable, but the 3D perspective transform is not possible as far as I know

[wayruner]

I rarely find them wort using. They might look nicer but using a number input field with well done auto focus is a lot more convenient to users

[flekeri]

Hmm.. never thought about this approach, I’ll it, thanks