Expo 53 makes Tabbar overlap ScrollView

[JuanRdBO]

Before submitting a new issue

• I tested using the latest version of the library, as the bug might be already fixed.
• I tested using a supported version of react native.
• I checked for possible duplicate issues, with possible answers.

Bug summary

I have a scrollview that worked well on expo 52 but now it gets under the bottom tab (see video attached). The same code worked well on expo 52

Simulator.Screen.Recording.-.iPhone.16.Pro.-.2025-05-02.at.19.20.22.mp4

Library version

0.9.1

Environment info

System:
  OS: macOS 15.4.1
  CPU: (16) arm64 Apple M4 Max
  Memory: 105.36 MB / 48.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 23.4.0
    path: ~/.nvm/versions/node/v23.4.0/bin/node
  Yarn:
    version: 4.9.1
    path: ~/.nvm/versions/node/v23.4.0/bin/yarn
  npm:
    version: 11.1.0
    path: ~/.nvm/versions/node/v23.4.0/bin/npm
  Watchman:
    version: 2025.02.10.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /opt/homebrew/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.2
      - iOS 18.2
      - macOS 15.2
      - tvOS 18.2
      - visionOS 2.2
      - watchOS 11.2
  Android SDK: Not Found
IDEs:
  Android Studio: 2024.2 AI-242.23726.103.2422.13103373
  Xcode:
    version: 16.2/16C5032a
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.14
    path: /usr/bin/javac
  Ruby:
    version: 2.6.10
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 18.0.0
    wanted: latest
  react:
    installed: 19.0.0
    wanted: 19.0.0
  react-native:
    installed: 0.79.2
    wanted: 0.79.2
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

Steps to reproduce

The issue is happening on both iOS and Android

Reproducible sample code

I just had a scrollview inside of a normal view with the bottom tabs

[chanphiromsok]

I think you can add paddingBottom to your ScrollView is should be get bottomBarHeight since the TabBar is overlap on ScrollView

[okwasniewski]

Hey,

Can you reproduce this on a fresh app? Maybe there is something that changed in your code?

Make sure you have automaticallyAdjustContentInsets={true} and contentInsetAdjustmentBehavior="automatic" set on ScrollView

[Den1Marshall]

Additionally, in SDK 53, using a non-transparent or custom header causes the TabBar to become opaque on iOS.

[JuanRdBO]

Thanks a lot @okwasniewski for taking a look at this. It was in fact my error. The code worked fine on 52 but then on 53 it didn't. We found a workaround.