Toast appears behind tabs on iOS when using React Navigation TabNavigator

[dannyshisler]

When using the React Navigation TabNavigator on iOS (https://reactnavigation.org/docs/navigators/tab) the tabs appear at the bottom of the screen. When the Toast appears in the default position of "bottom" the Toast appears behind the tabs.

Changing the zIndex of the Toast style doesn't seem to make any difference.

The only way I've been able to manage this for now is using the positionValue to raise the position of the Toast above the tabs.

[bhagwans]

Same issue for me. I'm using Modal but Toast appears behind the modal. I need that toast to be above the Modal.

[hejunbinlan]

我也出现同样的问题，Toast提示框出现在了Tabbar下面，Tabbar使用的是react-native-tab-navigator

[amensouissi]

Hello, you can wrap your Nav component like this:

    <View style={{flex: 1, zIndex: 100}}>
      <Toast
        ref={(toast) => {
          this.toast = toast
        }}
      />
      <YourNavRoor />
    </View>

[Sam-Hoult]

Did anyone get this working? I can put my toast as high as I'd like, it's still behind the modal

[mahdieh-dev]

i made a pull request you can check. hope it help you pull request #70

[Aryk]

Any chance we can get that pull requrest approved?