hoaphantn7604 / react-native-element-dropdown

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

After scrolling screen when Click on Dropdown First time it does not open Smooth but with slightly UI disturbance & secondTime it work fine #298

Open wajahat959 opened 2 months ago

wajahat959 commented 2 months ago

<ScrollView contentContainerStyle={{ alignItems: 'center' }}> <FormikDropdownRNE data={[ { label: 'Passport', value: 'PASSPORT' }, { label: 'Chequebook', value: 'CHEQUEBOOK' }, { label: 'Drivinglicense', value: 'DRIVINGLICENSE' }, { label: 'NationalId', value: 'NATIONALID' }, { label: 'Vontingcard', value: 'VOTINGCARD' }, { label: 'Other', value: 'OTHER' }, ]} itemTextStyle={{ fontSize: 14 }} search labelField="label" valueField="value" name="idType" formik={formik} dropdownType="lg" selectedTextStyle={{ padding: 15, fontSize: getRespValue(16), color: Colors.light.drodown, marginBottom: getRespValue(3), }} placeholder="Select IdType" placeholderStyle={{ color: 'gray', padding: 10, fontSize: getRespValue(16), marginBottom: 5, }} style={{ width: '90%', borderBottomWidth: 1.5, borderBottomLeftRadius: 15, borderBottomRightRadius: 15, marginBottom: getRespValue(10), marginTop: getRespValue(10), }} showsVerticalScrollIndicator={false} containerStyle={{ borderRadius: 15, }} itemContainerStyle={{ borderBottomWidth: 0.5, borderColor: 'gray', borderBottomLeftRadius: 10, borderBottomRightRadius: 10, }} searchPlaceholder="Search..." iconStyle={{ marginRight: 10 }} value={formik?.values?.idType} autoScroll={false} inputSearchStyle={{ borderRadius: 10 }} />

wajahat959 commented 2 months ago

According to my check when we first open dropdown it reserve it state and when we scroll screen and open again the dropdown first open on its previous state and than change its screen position thats why a small glitch is seen on the screen.Kindly suggest solutions.

Kadir-flipcause commented 3 weeks ago

Facing same issue specifically on android any update on this

Kadir-flipcause commented 3 weeks ago

Hello @wajahat959 did you got any solution on this @hoaphantn7604 can you please help us on this issue