Bottom toast position is still inconsistent on Android

[WillyReyno]

Hello,

This is a follow-up from the #55 and #60 issues, which were also about a similar behavior.

I tried on various Android devices and it appears that ToastPosition.BOTTOM is not correctly positioned depending on the navigation type chosen by the user in the phone's settings.

I have not tried to change any inset, my code is as follow:

toast('Test toast',
        {
          position: ToastPosition.BOTTOM,
          duration: 2500,
          icon: <Image
            className="w-[36px] h-[36px] z-10 items-center mr-3"
            source={require('@/assets/images/icon_heart_checked.svg')}
            contentFit="contain"
          />
        })

Here are some examples:

One Plus 13

• Version Android 15
• Edge to edge : disabled
• Navigation type: Three button status bar
• Result: Toast is hidden behind the status bar

Huawei Mate 20 Lite

• Version: Android 10
• Edge to edge : enabled
• Navigation type: Three button status bar (translucent)
• Result: Toast does not even appear under the translucent status bar

Huawei Mate 20 Lite

• Version: Android 10
• Edge to edge : enabled
• Navigation type: Gesture
• Result: Toast appears and correctly positioned

One Plus 6

• Version: Android 11
• Edge to edge : enabled
• Navigation type: Gesture (left / right)
• Result: Toast appears, but a bit too far from the bottom

One Plus 6

• Version: Android 11
• Edge to edge : enabled
• Navigation type: Three button status bar (translucent)
• Result: Toast appears, but even further from the bottom

One Plus 6

• Version: Android 11
• Edge to edge : enabled
• Navigation type: Gesture (bottom)
• Result: Toast appears and correctly positioned

[NFSMONSTR]

Try to use this patch. Seems like fixes this behaviour for me

@backpackapp-io+react-native-toast+0.14.0.patch