toast showing without calling it about react-native-toast-message HOT 11 OPEN

In my case memoizing the Toast component worked.

I created a wrapper component like the following:

const CustomToast = React.memo(() => <Toast config={toastConfig} />)

And then used it in place of

<Toast config={toastConfig} />

from react-native-toast-message.

I also facing same issue, I have setup Toast in App.js file and using redux I'm showing toast in app. It's working fine as expected but only in one use-case it's not working fine. Facing issue only for android.

Use Case:

• I've facebook login implement with firebase and I'm using react-native-fbsdk-next dependency for it.
• when i press facebook login button it'll start to show my custom loading screen as animated view with position absolute.
• but somehow while i press fb login button, empty toast is appeared on the top of the screen(as you can see in video).
• also I verified that toast is not calling from redux side. then why should it appeared.

I can provide more details as per needed. thank you in advance.

from react-native-toast-message.

I'm facing the same problem. When requesting media rights, popped up. It turned out to be fixed only by changing the Toast type string. Was 'messenger' became 'messenger-asdfasdf'

from react-native-toast-message.

I had the same issue - I fixed by adding a check for text1 to my custom Toast component. If no text1 is set, return null:

const Toast = ({type, text1}: PropTypes) => {
  const {backgroundColor, IconComponent} = toastTypes[type];

  if (!text1) {
    return null;
  }

  return (
    <SafeAreaView edges={['top']} style={[styles.container]}>
    ...
    </SafeAreaView>
  );
};

from react-native-toast-message.

I am encountering the same issue as you @chetanbhadarka when I open a browser page from within the app. Did you end up finding any solution? I tried explicitly calling the hide method before I open the link but with no success

from react-native-toast-message.

I am encountering the same issue as you @chetanbhadarka when I open a browser page from within the app. Did you end up finding any solution? I tried explicitly calling the hide method before I open the link but with no success

@MilanBarande, Not yet brother.

from react-native-toast-message.

I have tweaked an ugly hack. Keeping a boolean in a context to conditionally render the RNToast component in my root component. When I need to open a browser link, I set this boolean to false. It's working, but I really don't like it, as I'm causing unnecessary re-rendering to my entire components tree...
@chetanbhadarka

from react-native-toast-message.

Facing the same problem in Expo 50, show up the Toast at top without calling it. Places i observed it shows up:

1. Expo Debugger is open
2. When requesting Device permissions

from react-native-toast-message.

@sainjay try a patch package

from react-native-toast-message.

@alainib Can you share the link for patch file too 😀

@sainjay try a patch package

from react-native-toast-message.

@alainib Can you share the link for patch file too 😀

@sainjay try a patch package

diff --git a/node_modules/react-native-toast-message/lib/src/hooks/useSlideAnimation.js b/node_modules/react-native-toast-message/lib/src/hooks/useSlideAnimation.js
index 33f0b87..97e2423 100644
--- a/node_modules/react-native-toast-message/lib/src/hooks/useSlideAnimation.js
+++ b/node_modules/react-native-toast-message/lib/src/hooks/useSlideAnimation.js
@@ -16,7 +16,7 @@ export function useSlideAnimation({ position, height, topOffset, bottomOffset, k
     const animate = React.useCallback((toValue) => {
         Animated.spring(animatedValue.current, {
             toValue,
-            useNativeDriver,
+            useNativeDriver: false,
             friction: 8
         }).start();
     }, []);

from react-native-toast-message.