hoaphantn7604 / react-native-element-dropdown

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

Dropdown list not opening at correct position on Android #207

Open ravithesun02 opened 10 months ago

ravithesun02 commented 10 months 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 7 months ago

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

ravithesun02 commented 6 months ago

no

Shivangigupta01 commented 5 months ago

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