lodev09 / react-native-true-sheet

The true native bottom sheet experience 💩
https://sheet.lodev09.com
MIT License
523 stars 13 forks source link

Footer Component weird behaviour on Android #47

Closed PopJoestar closed 4 months ago

PopJoestar commented 4 months ago

Hello, as the title says the FooterComponent is displayed well on iOS but on Android, it is buggy. Can someone help me? iOS simulator_screenshot_DB5CEB35-034E-4668-83EC-0D58622058CA

Android 448802456_801310865439679_3750398373025187280_n

Here is the part of my code for this

Screenshot 2024-06-29 at 16 06 37

d940)

lodev09 commented 4 months ago

Try to use margin instead of bottom on your saveContainer style.

PopJoestar commented 4 months ago

I have already tried margin and padding but got the same behavior 😔 the only value that worked was bottom: -160 for Android only. Still, this component is a wrapper that I use for every sheet with a Save footer button in my application, and the bottom: -160 only works for a few of those sheets.

lodev09 commented 4 months ago

Can you use simple View instead of GestureHandlerRootView?

PopJoestar commented 4 months ago

Same behaviour

lodev09 commented 4 months ago

Okay, that's weird... can you try to wrap children with a View? If that doesn't work, please create a reproducible example that I can look at.

PopJoestar commented 4 months ago

Same behavior. I will give you an example asap

PopJoestar commented 4 months ago

@lodev09 here you go sir https://github.com/PopJoestar/trusheetExample. On iOS it works like a charm but on Android, the footer doesn't even appear

lodev09 commented 4 months ago

I see the issue. It looks like a regression bug from v0.12

lodev09 commented 4 months ago

PR #48, give it a try and let me know if that fixes your issue. Thanks!

PopJoestar commented 4 months ago

Thanks for your reactivity, it works well on Android and iOS now 🚀🎉

a-eid commented 4 months ago

had this issue today, works perfectly after the upgrade, thank you @lodev09