search

calintamas / react-native-toast-message

Animated toast message component for React Native
MIT License
1.66k stars 258 forks source link

Cannot hide toast and click any view below it. Swipe up to hide toast but the toast still appear when I swipe down. #437

Closed thongbbc closed 9 months ago

thongbbc commented 1 year ago

Describe the bug Cannot hide toast and click any view below it (Example: Header back button in video clip). And when I swipe up to hide the toast but the toast still appear again if I swipe down (cannot hide it and press the view below).

https://user-images.githubusercontent.com/29383299/206866219-d99cf0e4-49d5-42b7-8c53-4dba1e71ea0c.mov

Steps to reproduce I put the toast view out side of NavigationContainer then i see this issue.

Expected behavior The toast should update pointer-event to 'none' whenever isVisible = false

Code sample I suggest solution to fix this Update file react-native-toast-message/lib/src/components/AnimatedContainer.js Line 78 pointerEvents={'box-none'} change to pointerEvents={isVisible ? 'box-none' : 'none'}

Environment (please complete the following information):

afonsomsalvador commented 1 year ago

I have the same issue, any updates ?

calintamas commented 9 months ago

Fixed in 2.1.10