scrollDynasty

scrollDynasty / react-native-drum-picker

Public

A smooth Android-native iOS-style drum/wheel picker for React Native (Fabric / New Architecture).

www.npmjs.compackagereact-native-drum-picker android ios react-nartive typescript
17
1
89% credibility
Found May 25, 2026 at 17 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
Kotlin
AI Summary

react-native-drum-picker is a React Native component library that provides iOS-style spinning wheel pickers for mobile apps. It includes a basic DrumPicker component for selecting from any list of options, and a DateDrumPicker component for selecting dates with automatic month/year handling. The library has native implementations for both Android and iOS, offering smooth animations, customizable styling, and haptic feedback. It requires React Native 0.76 or newer with the New Architecture enabled, and works with Expo development builds but not Expo Go.

How It Works

1
💡 You need a smooth date picker for your mobile app

You're building a React Native app and need a polished way for users to select dates, times, or any list of options.

2
📦 You install the drum picker package

You add the library to your project and rebuild your app so the native wheels appear.

3
🎡 Your users spin smooth iOS-style wheels

The picker shows beautiful spinning wheels that snap satisfyingly to each option, just like on an iPhone.

4
You choose your picker style
🎯
Simple DrumPicker

Perfect for hours, minutes, sizes, or any custom list you want users to scroll through.

📅
DateDrumPicker

Pre-built date selector with day, month, and year wheels that automatically adjusts for each month.

5
🎨 You customize the look and feel

You pick colors for selected and unselected items, adjust text sizes, and choose whether to show selection lines.

6
✨ Everything works smoothly on both platforms

Your picker runs natively on both Android and iOS with consistent behavior and optional haptic feedback.

🎉 Your users love the smooth picker experience

The familiar iOS-style spinning wheel makes selecting dates and options feel natural and delightful.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 17 to 17 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is react-native-drum-picker?

A React Native component that gives you the classic iOS drum/wheel picker on both Android and iOS. It ships with native implementations in Kotlin for Android and Swift for iOS, both running on React Native's New Architecture (Fabric). The package includes a basic `DrumPicker` for custom lists and a `DateDrumPicker` wrapper for date selection with day, month, and year columns.

Why is it gaining traction?

The smooth scrolling and snapping behavior is the hook. Unlike JavaScript-based pickers that feel laggy, this uses native RecyclerView on Android and UIPickerView on iOS for buttery smooth tracking. The transparent backgrounds by default make it easy to style into any design system, and haptic feedback is built in. The API is straightforward: pass items, get back index and value on change. No configuration headaches for basic use cases.

Who should use this?

Mobile developers building React Native apps who need date pickers, time selectors, or custom wheel pickers without settling for the default platform look. If you're tired of iOS and Android pickers that look nothing alike, this unifies the experience. Particularly useful for onboarding flows, settings screens, or any form where users select from a list of options. Not for web-only projects or anyone stuck on React Native versions below 0.76.

Verdict

The native implementations are solid and the API is clean, but with 17 stars and a credibility score of 0.9%, this is a young project still proving itself. Test coverage exists on both platforms and CI runs on recent React Native versions, which is encouraging. Use it for production apps if you're comfortable with a dependency that hasn't yet seen wide adoption, and monitor for breaking changes as it matures.

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.