duongdev / phosphor-react-native

phosphor-icons for react-native. A flexible icon family for React Native
https://www.npmjs.com/package/phosphor-react-native
MIT License
174 stars 21 forks source link

Conflict between icons and "Drawer Navigator" gesture detection #31

Open brugaspar opened 1 year ago

brugaspar commented 1 year ago

I'm experiencing a conflict between the library's gesture detection and the "Drawer Navigator" in my app. When I drag an icon in my app, it triggers the "Drawer Navigator" to open even though the edge width is set to a minimum. This is causing a usability issue for my app.

https://user-images.githubusercontent.com/54087072/230915179-aaf2df31-4e91-424d-975e-efb3d24b954e.mp4


I've tried adjusting the edge width of the "Drawer Navigator" to make the drag gesture less sensitive, but it doesn't seem to help.

In the example, my filters has a CaretDown icon, which triggers the swipe gesture when pressed.

My only concern is with the filters icon, but every icon in the app triggers the swipe gesture.