React Native Search Dropdown

Anjana picture Anjana · Oct 1, 2018 · Viewed 12.2k times · Source

I'm working on React native app. I'm looking for a searchable dropdown which I need to implement in many places.

Below see below video for reference:

Sample Video

I have implemented below third parties but they are not same as I need:

  1. https://www.npmjs.com/package/react-native-searchable-dropdown

  2. https://www.npmjs.com/package/react-native-searchable-selectbox

  3. https://github.com/toystars/react-native-multiple-select

Answer

Annie Hill picture Annie Hill · Oct 1, 2018

I tried implementing something similar a while ago and at the time I dropped the idea of having a drop down as it was inconsistent on both platforms & I could not find a perfect solution. I cannot see your video but I think I know where you're going with this. Here is my advice: I would create a separate screen that opens on the tap on this component that would be a 'dropdown', and in there create a searchable/filtrable list. You could try doing that using this: https://www.npmjs.com/package/searchable-flatlist, or create your own flatlist, which is super easy and allows for more customization! EDIT: If you don't want a separate screen use this: https://www.npmjs.com/package/react-native-searchable-dropdown