react-native-dropdown-picker
react-native-dropdown-picker copied to clipboard
Scrolling list on IOS is too slow sometimes hang
DropDownPicker is not scrolling fine in IOS but working fine in android I found that problem is I use DropDownPicker inside modal if I use it in any other place working fine
<DropDownPicker
items={AllMaterial}
defaultValue={showProduct.material ? showProduct.material.value : null}
containerStyle={{ height: 30, marginTop: 7 }}
style={{
borderColor: 'rgba(0, 0, 0, 1)',
borderRadius: 0,
backgroundColor: 'rgba(237, 237, 237, 1)'
}}
scrollViewProps={{
persistentScrollbar: true
}}
labelStyle={{
fontSize: 9.17,
fontFamily: "proximaNovaBold",
lineHeight: 12.19,
textAlign: 'left',
color: 'rgba(0, 0, 0, 1)',
}}
arrowStyle={{ margin: -8 }}
dropDownStyle={{ backgroundColor: 'white', height: 120 * heightRate }}
onChangeItem={item => setChoosenMaterial(item)}
/>
Platform: iOS
I can confirm this on Android as well. I'm using the listMode={'MODAL'}. It makes the application unresponsive for very long time.