On android device toast is draggable and after drag and drop, toast does not getting hide

I have followed the steps mention here https://www.npmjs.com/package/react-native-toast-message to add toast in my app. And I have followed code to display and hide the toast automatically after 2sec.

Toast.show({ text1: 'Submitted', type: 'success', visibilityTime: 2000, autoHide: true, position: 'top', topOffset: 10, onPress: () => { Toast.hide(); }, });

But when toast displayed, it is draggable, after drag and drop it is not getting hide and visibilityTime is also not working in this case. This is specifically on android device. Is there any way to remove draggable behaviour of toast?.

[gcrozariol]

For some reason, I can’t even make it work on Android. iOS works just fine. However, I see getting this “Possible Unhandled Promise Rejection” error. 😦

[amirhosein5858]

this is a temporary fix in node_modules/react-native-toast-message/src/index.js

you can comment this: {...this.panResponder.panHandlers}

it will fix the issue but also disabled drag-to-close of toast

after that you can patch this change using npx patch-package react-native-toast-message just remember for ios to apply changes: 1- delete ios/Pods folder 2- run npx patch-package 3- run npx pod-install