search

calintamas / react-native-toast-message

Animated toast message component for React Native
MIT License
1.73k stars 265 forks source link

8px bottom offset #430

Closed apapalillo closed 9 months ago

apapalillo commented 1 year ago

Hi, I have updated react-native-toast-message from 1.4.9 to the latest version (2.1.5). I've noticed it has a bottom offset of approximately 8px now.

I've checked the config and it has bottomOffset set to 0 but I'm still having that extra margin after updating.

The root view of my custom Toast only has a 100% width attribute to its style, nothing else.

I can't find why is that. It's an intended behavior?

kesteer commented 1 year ago

@apapalillo

You can fix this issue by making a custom toast component and using a style of bottom: -8px. Though I agree that 'bottomOffset: 0' should actually be the bottom of the screen.

faqini commented 1 year ago

Hi, thanks for this great lib, same issue after upgrading, I'm getting 8px on Android and 10px on iOS with a custom toast. The negative bottom style prop fix works but as mentioned bottomOffset: 0 doesn't do much.

Screenshot 2023-03-07 at 16 42 31

seyedmostafahasani commented 11 months ago

@apapalillo you can set keyboardOffset : 0 then you will see how it will remove the gap.

apapalillo commented 9 months ago

@apapalillo you can set keyboardOffset : 0 then you will see how it will remove the gap.

This really fixed my issue without having to set a negative margin! thanks!