hoaphantn7604 / react-native-element-dropdown

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

Scrolling issue (Android) #184

Open Inveth opened 1 year ago

Inveth commented 1 year ago

Hello,

I've used very first example from docs but manipulating container to become 50% of screen width and center either with flex or marginLeft would make dropdown scrollable only on left side of it.

I've tried downgrading the package to 2.5.2 but that does not help.

eduardo-santos-tribia commented 1 year ago

I was having a similar issue using the MultiSelect component but for Android only.

Problem

Looks like a left view responsible for detecting the scroll-touching events is floating in the left part of the screen. You can check this behavior on the print screen below (I've added a red background to make it clear): image

Solution

To solve this I removed the left prop from a <View> inside the lib component and put this prop into another child <View>. Below is the result after the solution is applied: image

I don't have time now to fork the repository and create a PR, but I've created a patch to solve this issue and also this other one.

Here is the patch: react-native-element-dropdown+2.9.0.patch

robozb commented 1 year ago

At me scrolling on Android desn't work as well