Toast appears behind the modal

[RGDEV2022]

Describe the bug Toast appears behind the modal with a <Portal> </Portal> from react-native-paper

Steps to reproduce Steps to reproduce the behavior: Create a modal using <Portal></Portal>

Now you have a Modal component

Add <Toast config={toastConfig} /> before the closing tag of the modal </Modal>

Toast appears behind the modal.

Expected behavior Should appear in front

Environment (please complete the following information):

• OS: [iOS, Android, Web]
• react-native-toast-message version: 2.1.5
• react-native version: 0.68.2

[RGDEV2022]

This is not related. That issue is focused around a system level modal.

Is this project maintained anymore? Seems to have a lot of issues for a simple toast library. The author did great work but I have been able to re-create a similar feature with far less bugs.

Has anyone taken a look at why there are so many bugs related to the toast component not having a context of the screen its in?

It’s convenient having a maintained lib for toasts instead of creating a custom feature and maintaining it. Would be nice to have.

On Fri, Nov 4, 2022 at 5:14 AM Krishna Vishwakarma @.***> wrote:

226 https://github.com/calintamas/react-native-toast-message/issues/226

— Reply to this email directly, view it on GitHub https://github.com/calintamas/react-native-toast-message/issues/419#issuecomment-1303215168, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACLYR4VIVYLM2F2UCTXEG5DWGTOZZANCNFSM6AAAAAARHP5K5M . You are receiving this because you authored the thread.Message ID: @.***>

[alex-mironov]

Did anyone manage to fix this issue?

[dranitski]

Workaround https://github.com/calintamas/react-native-toast-message/issues/164#issuecomment-803556361

[Miyagee]

This is addressed in the docs: https://github.com/calintamas/react-native-toast-message/blob/main/docs/modal-usage.md