Scroll content must reach the device edge

On modern iOS (and Material 3 Android), bottom tab bars and nav bars are floating, translucent chrome — Liquid Glass on iOS 26. The platform look is content scrolling underneath them to the physical edge of the screen, blurred through the glass. A scroll container that stops at the safe-area line produces a hard horizontal cut floating above the tab bar — an immediate tell that the layout is fighting the OS.

The rule

Never set iosOverflowSafeArea="false" on a scroll container that touches a screen edge. NativeScript's default is the correct behavior: a view whose bounds touch a safe-area boundary is automatically expanded to the physical edge, so the scroll viewport runs full-bleed and the chrome floats over it.

<!-- WRONG: hard line above the tab bar; content can never reach the edge -->
<ScrollView row="1" iosOverflowSafeArea="false">
  <StackLayout class="pb-6"> </StackLayout>
</ScrollView>