Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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 this issue Sep 12, 2024 · 3 comments

Comments

@wajahat959
Copy link

<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
Copy link
Author

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
Copy link

Facing same issue specifically on android any update on this

@Kadir-flipcause
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants