hoaphantn7604 / react-native-element-dropdown

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

Dropdown list not opening at correct position on Android #207

Open ravithesun02 opened 1 year ago

ravithesun02 commented 1 year ago

I upgraded to react native 0.72 from 0.65 and i am seeing a weird issue . same code in 0.65 opened the list just below the placeholder and now its opening at random positions.

Code :

<Dropdown style={{...dropDownStyles.dropdown, width:'30%'}} data={this.titleList} placeholder="Title *" placeholderStyle={{ fontFamily:fontFamily.gilroyMedium, fontSize:15, letterSpacing:1, color:'#929292' }} search = {true} maxHeight={300} fontFamily ={fontFamily.gilroyRegular} activeColor ={COLORS.potPourri} labelField="label" valueField="value" value={this.state.title} selectedTextStyle={{fontFamily:fontFamily.gilroyMedium, fontSize:15, letterSpacing:1 }} onChange={item => { this.setState({ title:item.value }) }} />

                    styles :
                    dropdown: {
  height: 40,
  borderBottomWidth:2,
  borderBottomColor:'#939393',
  borderRadius: 8,
  paddingHorizontal: 8,
  width:'40%',
  marginTop:'3%'
},

Screenshot :

WhatsApp Image 2023-08-26 at 8 59 11 PM

System:

OS: Linux 6.2 Ubuntu 23.04 23.04 (Lunar Lobster) CPU: (4) x64 Intel(R) Core(TM) i5-4200U CPU @ 1.60GHz Memory: 5.01 GB / 11.60 GB Shell: version: 5.2.15 path: /bin/bash Binaries: Node: version: 16.20.1 path: ~/.nvm/versions/node/v16.20.1/bin/node Yarn: version: 1.22.19 path: ~/.nvm/versions/node/v16.20.1/bin/yarn npm: version: 9.7.2 path: ~/.nvm/versions/node/v16.20.1/bin/npm Watchman: Not Found SDKs: Android SDK: Not Found IDEs: Android Studio: Not Found Languages: Java: version: 11.0.20 path: /usr/bin/javac Ruby: Not Found npmPackages: "@react-native-community/cli": Not Found react: installed: 18.2.0 wanted: 18.2.0 react-native: installed: 0.72.4 wanted: 0.72.4 npmGlobalPackages: "react-native": Not Found Android: hermesEnabled: true newArchEnabled: true iOS: hermesEnabled: Not found newArchEnabled: Not found

pasaninsharp commented 11 months ago

Iam having the same issue at RN 0.72.1 Were you able to fix this?

ravithesun02 commented 11 months ago

no

Shivangigupta01 commented 10 months ago

@ravithesun02 I'm experiencing the same problem. Have you discovered any solutions or alternatives? I've raised a similar issue, #243

sa1utep1z commented 2 months ago

Iam having the same issue at RN 0.74.0 Were you able to fix this?

tomerh2001 commented 1 week ago

I'm also experiencing this. Any solutions?