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

[wajahat959]

<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]

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.