hoaphantn7604 / react-native-element-dropdown

A react-native dropdown component easy to customize for both iOS and Android.
MIT License
861 stars 154 forks source link

Issues with the dropdown #242

Open Daumis102 opened 6 months ago

Daumis102 commented 6 months ago

Hello, I'm trying to use this library in my project, but I'm having issues with the search field and the keyboard.

Issue 1: when dropdown hits the bottom of the screen, I would expect it to open 'top', otherwise out of a bunch of selectable items, user can only see a couple:

image

Code (it is mostly from the examples of multi select): image

I would expect it to flip either when it touches the bottom of the screen, or there should be a setting for dropdown height when the flip should happen (or possibly when minHeight specified no longer fits down below and has to go off screen?)

Issue 2: Another issues is that the dropdown flips to 'top' only when keyboard fully covers the dropdown component rather than the search input. Sometimes this makes the search input unusable:

image

Here you can see a tiny part of the dropdown just above the keyboard, and the search is covered, leading to a very poor user experience. The code is the same as above, I just moved the dropdown down to the specific height when this happens.

I would expect the dropdown to jump to top if the top of the keyboard reaches the bottom of the input

I would really love to see these changes and then this library would be perfect for my project, otherwise I cannot use it.