React native flickering issue in Screen when Scrollview Apply React native 0.76 version React navigation 7 version

[UmarXcorebit]

Description

i'm using React native 0.76.6 version and React navigation 7 version.
When i use header from react navigation and use Scrollview from react native this issue generate

Steps to reproduce

1. Design simple screen render some Data.
2. Use React navigation stack.
3. Inside screen use Scrollview from React native.
4. And set this screen inside Stack Navigation.
5. Set inside options hadershown true

React Native Version

0.76.6

Affected Platforms

Runtime - iOS

Output of npx react-native info

System:
  OS: macOS 15.1.1
  CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Memory: 31.86 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 20.11.0
    path: ~/.nvm/versions/node/v20.11.0/bin/node
  Yarn:
    version: 1.22.22
    path: ~/Desktop/SmartMonster/node_modules/.bin/yarn
  npm:
    version: 10.2.4
    path: ~/.nvm/versions/node/v20.11.0/bin/npm
  Watchman:
    version: 2024.11.11.00
    path: /usr/local/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /usr/local/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.23339.11.2421.12550806
  Xcode:
    version: 16.2/16C5032a
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.13
    path: /usr/bin/javac
  Ruby:
    version: 2.6.10
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 15.1.3
    wanted: ^15.1.3
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.76.6
    wanted: 0.76.6
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

Stacktrace or Logs

N/A

Reproducer

N/A

Screenshots and Videos

ScreenRecording_01-20-2025.14-47-53_1.MP4

[react-native-bot]

Warning

Missing reproducer: We could not detect a reproducible example in your issue report. Please provide either:

• If your bug is UI related: a Snack
• If your bug is build/upgrade related: a project using our Reproducer Template
• Otherwise send us a Pull Request with the RNTesterPlayground.js edited to reproduce your bug.

[cortinico]

i'm using React native 0.76.6 version and React navigation 7 version.

Have you reported this to React Navigation?

[julien-ctx]

I have the exact same problem.

[Wei102193]

same issue here

[Wei102193]

any update on this?

[tremblerz]

Same issue here. All of my scroll lists suddenly have become unstable and flickering.

[Ammarkhan112]

Anyone facing this issue for now can create a custom header component as a temporary workaround until an official fix is released. With this you will not see this issue.

Hope this helps a bit! 🚀

[Wei102193]

Don’t think it’s about custom header, I tried a fixed height of the scrollview doesn’t have this issue