react-native-toastable icon indicating copy to clipboard operation
react-native-toastable copied to clipboard

[Request] make it modal compatible

Open AlejandroGutierrezB opened this issue 2 years ago • 3 comments

Hey, first of all really nice job on this package.

I encountered it after I saw your comment on react-native-toast-message, and wheres this solves that issue, your package is not showing on the modal view.

You can render a toast on a modal view, but if you do so the queuing loses track and you can't render the global one.

Maybe I am missing something and it can be done, if so could you provide an example.

If not, I would say that is a very important feature to support.

Thanks again and have a nice day!

AlejandroGutierrezB avatar May 04 '23 11:05 AlejandroGutierrezB

Hey, first of all really nice job on this package.

I encountered it after I saw your comment on react-native-toast-message, and wheres this solves that issue, your package is not showing on the modal view.

You can render a toast on a modal view, but if you do so the queuing loses track and you can't render the global one.

Maybe I am missing something and it can be done, if so could you provide an example.

If not, I would say that is a very important feature to support.

Thanks again and have a nice day!

Hello, thank you.

We are working on this recently, I hope we can make it.

Right now you can wrap Toaster with FullWindowOverlay imported from react-native-screens

import { FullWindowOverlay } from 'react-native-screens';
import Toastable from 'react-native-toastable';

<FullWindowOverlay>
   <Toastable  />
</FullWindowOverlay>

Note that FullWindowOverlay works only for iOS

enestatli avatar May 05 '23 03:05 enestatli

@enestatli Hello. Any news about the modal issue?

Aleksandern avatar Aug 11 '23 09:08 Aleksandern

Hello, thank you.

We are working on this recently, I hope we can make it.

Right now you can wrap Toaster with FullWindowOverlay imported from react-native-screens

import { FullWindowOverlay } from 'react-native-screens';
import Toastable from 'react-native-toastable';

<FullWindowOverlay>
   <Toastable  />
</FullWindowOverlay>

Note that FullWindowOverlay works only for iOS

This is not an acceptable solution - it completely breaks VoiceOver accessibility. Would love to see a better solution

mozzius avatar Nov 24 '23 17:11 mozzius