Comments (9)
No, Try to get rid of the warning by fixing the issue.
I believe it's a zIndex conflict or nested views problem.
from react-native-dropdown-picker.
Hello,
Does it happen without elevation
?
Try this:
import { Platform } from 'react-native';
<View style={{
flexDirection: 'row',
...(Platform.OS !== 'android' && {
zIndex: 10
})
}}>
<DropDownPicker
searchable={true}
searchablePlaceholder="Search..."
searchableError={() => 'Not found'}
...
containerStyle={{height: 40, width: '100%'}}
dropDownStyle={{ elevation: 1 }} // The dropdown is on top, but search in unresponsive
/>
</View>
from react-native-dropdown-picker.
Without elevation, the dropdown is behind everything else in the view.
With elevation, the dropdown is on top of everything else but the click detection is still behind everything else.
If it's not clear, I'll try to demonstrate it using a gif
from react-native-dropdown-picker.
Try the suggested code without elevation
from react-native-dropdown-picker.
Already did, here are the current results:
With the suggested code: without_elevation
With elevation (with or without zIndex): with_elevation
Clickable area: Image
Clickable area: Gif
Here's a stackoverflow link with better explanation.
from react-native-dropdown-picker.
I created a snack which is working fine.
https://snack.expo.io/@hossein-zare/d38de5
You can edit the code and reproduce the unexpected behavior then send your snack to me.
from react-native-dropdown-picker.
Couldn't replicate the error.
However -oddly enough- when I toggle the inspector on and off, the dropdown behaves normally
from react-native-dropdown-picker.
Unfortunately i can't help you without having an exact and static behavior.
The elevation
property is not a solution and must be avoided.
Check the other components if they have any zIndex
.
from react-native-dropdown-picker.
I've wrapped the dropdown picker and the below components under a ScrollView
and it's working. However I'm getting the following VirtualizedLists warning. Should I simply ignore it ?
Anyway, the issue shouldn't even happen on android from what I've seen. Do you have an idea to what might be causing it ?
from react-native-dropdown-picker.
Related Issues (20)
- Searching and updating Item Issue
- modalTitleStyle being overwritten
- Can't select item in multi choices when search text input is focused and keyboard open HOT 1
- Not switching DarkMode when rendered
- overriding the ui HOT 3
- If i do truncated string so why the left string is not getting for the search result.
- if i delete string from the back so i did not get data HOT 1
- Changing Icon Color "tintColor" gives error HOT 2
- Custom Value after clicking the dropdown items.
- Search string in Searchable picker is not cleared
- Picker should have Label option
- "loading" is not working when "addCustomItem" is set to true.
- How to update the colour of view separator
- dropdown list conflict with below View HOT 5
- search and label fields HOT 1
- When in landscape mode, the dropdown can appear off screen
- Accessibility Issues
- react-native-gesture-handler dependency resolution issues
- measureInWindow returns wrong value on Android
- Light Icons Parsing Error
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-dropdown-picker.