[yedidyak]

Description

On iOS 26 with the Liquid Glass tab bar, apps can draw screen content behind a floating translucent bottom tab bar. FloatingButton renders through ScreenFooter and pads its content by a fixed spacing (or bottomMargin), so on a tab screen its buttons sit under the bar and can't be tapped.

On iOS 26 and later, FloatingButton now adds the bottom safe-area inset (react-native-safe-area-context's useSafeAreaInsets when installed, otherwise Constants.getSafeAreaInsets()) to the footer's bottom padding, with or without a custom bottomMargin. Inside a screen that draws behind the tab bar, that inset includes the bar, so the buttons sit above it. Android, web and iOS < 26 are unchanged.

Validated with yarn build:dev, lint, and the FloatingButton and ScreenFooter tests (30 passed).

Changelog

FloatingButton - on iOS 26 and later, adds the bottom safe-area inset so the button stays above translucent bottom tab bars.

Additional info

Part of the iOS 26 Liquid Glass work in Wix apps, together with #4052 (View useSafeArea).

[github-actions]

✅ PR Description Validation Passed

All required sections are properly filled out:

• ✅ Description
• ✅ Changelog
• ✅ Additional info

Your PR is good for review! 🚀

---

This validation ensures all sections from the PR template are properly filled.

[yedidyak]

Folded into #4052.