react-native-element-dropdown
react-native-element-dropdown copied to clipboard
Dropdown list not opening at correct position on Android
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 :
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
Iam having the same issue at RN 0.72.1 Were you able to fix this?
no
@ravithesun02 I'm experiencing the same problem. Have you discovered any solutions or alternatives? I've raised a similar issue, #243