Fix/bottom safe area

[okwasniewski]

This PR fixes bottom safe area handling by measuring the tab bar on the native side and offsetting it in JS.

CleanShot.2024-10-11.at.12.34.41.mp4

[okwasniewski]

cc @dylancom let me know what you think 👍🏻

[dylancom]

In order to make the blurring background on the tabbar work style={{ overflow: visible }} needs to be set on the scrollviews. Or do you know a better solution?

[dylancom]

File should be moved to ios/ folder. Currently getting an error that TabMeasuredEvent can't be found.

[dylancom]

Great work!

[okwasniewski]

Hey @dylancom I finally figured it out!!

Now its working with the built-in behavior 🚀 Scroll views are automatically inseted.

CleanShot.2024-10-12.at.09.30.12.mp4

[dylancom]

Clever find!!
Awesome.

[dylancom]

Some bugs while testing on my end. The scrollbar starts too late in the top and on reaching the end some content is still below the tabbar.

[dylancom]

If I test the example app in the latest main the content still ends below the tabbar on my end.

[ferrannp]

@okwasniewski I just tried this and the issue still persists. Do you have a working example?

[jnsdrssn]

@ferrannp try contentInsetAdjustmentBehavior="always" on the ScrollView