search

AdelRedaa97 / react-native-select-dropdown

react-native-select-dropdown is a highly customized dropdown | select | picker | menu for react native that works for andriod and iOS platforms.
MIT License
323 stars 138 forks source link

Keyboard overlapping dropdown. #165

Closed faforus closed 6 months ago

faforus commented 10 months ago

Hi, great library!!

With statusBarTranslucent={true} The dropdown appears nicely in a right place but if the input is somewhere in the lower part of the screen and keyboard appears the dropdown is moved slightly up. Roughly the height of one row. That is not enough as most of the dropdown disappears beneath the keyboard and the overlay is not scrollable. My solution was to change the row height 3 to row height 6 which reflects on how many rows I display. const safeDropdownViewUnderKeyboard = rowStyle && rowStyle.height ? rowStyle.height * 6 : 50 * 6; in useLayoutDropdown It would be nice if that number could be set manually as props. Best wishes!

AdelRedaa97 commented 6 months ago

Fixed in v4.0 take a look at the changes made in v4.0 https://github.com/AdelRedaa97/react-native-select-dropdown?tab=readme-ov-file#-major-changes

Feel free to open the issue again if it still exists