question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Toast not showing in latest react version

See original GitHub issue

react-native, react and native-base version

react-native : 0.55.4 react : 16.4.1 native-base : 2.5.2

Expected behaviour

Show Toast

Actual behaviour

Toast not showing and no errors showing in debugger

Steps to reproduce (code snippet or screenshot)

import {Button, Toast, Text} from 'native-base'

<Button danger onPress={() => Toast.show({ text: "Wrong password!", buttonText: "Okay", type: "danger" })} > <Text>Danger Toast</Text> </Button>

Any other additional info which would help us debug the issue quicker.

I wrapped the topmost component in Root. To check that, I used ActionSheet and it is working but Toast is not.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:8 (1 by maintainers)

github_iconTop GitHub Comments

61reactions
anbu369commented, Jun 18, 2018

Thanks. The problem was with the debugger. I didnt know Toasts doesnt show when debugger is on

5reactions
uicestonecommented, May 15, 2019

From my testing, it shows with the debuggers on, but ‘eats’ the first 3000 duration.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Toast is not rendered (react-toastify component) - Stack Overflow
For me moving ReactToastify.css above toast solved the issue! import ...
Read more >
react-toastify - npm
Latest version : 9.1.1, last published: 2 months ago. Start using react-toastify in your project by running `npm i ... react-toastify.
Read more >
Using React-Toastify to style your toast messages
All toasts are positioned at the top right of your browser by default. This position can be changed by assigning a new position...
Read more >
Toast Message Notification not working properly - MDBootstrap
Hi,. I am trying to use toast notification in my project (in if else condition), but its not working properly, means I have...
Read more >
Display a popup toast - Expo Documentation
To present a toast, we recommend two solutions: an API from the react-native package and a library maintained by the React Native community....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found