react-native-picker-dropdown

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

Usage no npm install needed!

<script type="module">
  import reactNativePickerDropdown from 'https://cdn.skypack.dev/react-native-picker-dropdown';
</script>

README

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