Skip to content

A dropdown that uses React Native's Picker for Android and ActionSheetIOS for iOS

License

Notifications You must be signed in to change notification settings

chaipipatP/react-native-picker-dropdown

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-picker-dropdown

A dropdown that uses React Native's Picker for Android and ActionSheetIOS for iOS

Installation

yarn add react-native-picker-dropdown

or

npm install react-native-picker-dropdown --save

Usage

It uses the exact same API as React Native's Picker, but it shows a dropdown for iOS that opens an ActionSheetIOS with the items when clicked.

The only exception is that we have 2 style props:

  1. textStyle: used to customize the text and the arrow icon of the Picker. On Android, the arrow icon does not change and other styles are also not applied due to limitations on React Native's Picker component.

  2. style: used to customize a view that we put around the picker.

Examples

Simplest example

Run this example on Expo

Read the source code

Styled example

Run this example on Expo

Read the source code

Contributing

Please create issues and send pull requests!

License

MIT

About

A dropdown that uses React Native's Picker for Android and ActionSheetIOS for iOS

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%