[Android] Blank space at top when scrolling fast upwards with `ScrollView`

[badalsaibo]

Description

When using a ScrollView, fast scrolling to top (especially overscroll) causes a blank space to appear at the top of the screen. This space disappears after the next user interaction (tap or scroll), indicating a layout or render timing issue.

Expected Behavior

• No blank space should appear under the status bar when scrolling quickly.
• The area should remain filled with the scroll view content all the time.

Actual Behavior

• A blank gap appears temporarily at the top during fast scroll.
• It disappears after a tap (re-render/measure triggered).

Bug reproduces only on a real device (both dev and prod). It didn't happened on emulator.

Steps to reproduce

Tested on a real device with Android 14.

1. Use a translucent StatusBar
2. Scroll quickly (overscroll) upwards in the ScrollView
3. Observe white space at the top (under the status bar)
4. Tap the screen — it disappears

React Native Version

0.79.2

Affected Platforms

Runtime - Android

Output of npx @react-native-community/cli info

System:
  OS: Windows 11 10.0.26100
  CPU: "(16) x64 AMD Ryzen 7 7840HS"
  Memory: 2.43 GB / 15.19 GB
Binaries:
  Node:
    version: 20.15.0
    path: C:\Program Files\nodejs\node.EXE
  Yarn:
    version: 1.22.22
    path: C:\Program Files\nodejs\yarn.CMD
  npm:
    version: 10.9.0
    path: C:\Program Files\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK:
    Android NDK: 26.1.10909125
  Windows SDK: Not Found
IDEs:
  Android Studio: AI-241.18034.62.2411.12071903
  Visual Studio: Not Found
Languages:
  Java: 17.0.11
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli": Not Found
  react: 19.0.0
  react-native: 0.79.2
  react-native-windows: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

Stacktrace or Logs

(no crash)

MANDATORY Reproducer

https://snack.expo.dev/@badal_refrens/upbeat-yellow-nachos

Screenshots and Videos

Record_2025-05-16-22-49-32.mp4

[Satyndr]

Yeah, this is an issue, even great apps in market are having this issue and not even realizing to fix this
and there is also no article available to fix this

Here is how to fix this

add
overScrollMode="never": Prevents Android from showing blank/white space when overscrolling.
bounces={false}: Prevents iOS bounce effect (not visible in your case, but still good practice).
 

<ScrollView
        overScrollMode="never"
        bounces={false}
        style={{ flex: 1 }}
      >
</ScrollView>