toast.hide('id') doesn't work. Only hides toast when touching screen after calling the toast.hide('id') function

[nikki-cat]

I am using a button to show and then hide a toast with the same ID.
Somehow I can't manually get the toast to hide. I am making sure to use a unique ID, used only for this one toast.
I can update some things like "message" or "type", which are reflected immediately, but even if I update duration to be only 1 second, it still wont go away, until I interact with the screen.
toast.hideAll() also doesnt work until the screen has been touched,

I am providing Toast using the alternative way, as shown here:
https://github.com/arnnis/react-native-toast-notifications#--how-to-call-toast-outside-react-components

This is all happening with a button press inside a component.

Any help please?

[nikki-cat]

Actually after some more googling i came across this: https://stackoverflow.com/questions/56044770/ui-doesnt-update-until-tap-on-the-screen-when-setstate-is-called-inside-a-realm

It seems to be something to do with having Debug enabled in chrome... The example given on this repo is through Expo, but we don't use that.

Just like in that link, it fixes itself after Debug is turned off... Not sure how this could be addressed.
There's a big discussion here about this, which could be related: facebook/react-native#5712 (comment)

[nikki-cat]

Anyway, for now, it's probably not an immediately huge issue since it will work in production (hopefully).

[chengwb53]

same issue, toast.hideAll and toast.hide doesn't work

[YaoHuiJi]

For me, I create my own custom toast type, but the "toast" parameter passed by ToastProvider has no hide/hideAll etc, but I found a temporary solution, you can call useToast to get your own toast object which has hide/hideAll methods.