react-native Modal covers toast message

[Yandamuri]

When ever Modal is opened toast message displays beneath the Modal window. A fix might make it right.

react-native version : 0.52.2
Platform: Android & IOS

Expected behaviour
No matter how many Modal are opened, Toast must appear on top of all those Modals

Observed Behaviour
Toast is not appearing even if one Modal is opened.

[webbin]

Me Tooooooooo!

[SUpermin6u]

same problem at iOS

[geminiyellow]

+1

[sunnylqm]

react native modal is a native view, so impossible to be covered by a js component. Use root-modal instead.

[LiWeiQiangAndroid]

How Fix？

[Ayaybob]

set lineHeight to options.textStyle, This is a bug in React Native Text Component, it's need set lineHeight for multiline text

Toast.show(message, {
    ...
    textStyle: {
        lineHeight:20
    },
});

[akhilsanker]

Hi,

Same issue.

Used react-native-simple-toast. It works fine