[IOS] ScrollView with textinput / touchalbeOpacity causes weird scroll position behavior and flickering

[bumjin1013]

ScreenRecording_12-27-2024.16-51-08_1.MP4

Description

After enabling the new architecture, upgrading navigation to v7, and upgrading to react-native-screens v4.4.0, the following issues occur:

When a ScrollView contains a TextInput or TouchableOpacity, the scroll behaves abnormally, and the components are re-rendered incorrectly (flickering).

This issue is only observed on iOS and does not occur on Android. The app was working fine before upgrading the React Native version, as well as the versions of react-native-screens and react-navigation.

• Everything was ok before using EnableNewArchitecture = false

react-native: v0.76.4
react-native-screens: v4.4.0
"@react-navigation/bottom-tabs": "^7.2.0",
"@react-navigation/material-top-tabs": "^7.1.0",
"@react-navigation/native": "^7.0.14",
"@react-navigation/native-stack": "^7.2.0",

Steps to reproduce

1. use rn 0.76.4, rn-screens v4.4.0, react-navigation v7
2. make scrollView with textinput

Snack or a link to a repository

non

Screens version

4.4.0

React Native version

0.76.4

Platforms

iOS

JavaScript runtime

JSC

Workflow

React Native (without Expo)

Architecture

Fabric (New Architecture)

Build type

Debug mode

Device

Real device

Device model

iphone 15 pro

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[leo0grau]

I am having this same problem, there is any solution ?

[bumjin1013]

@leo0grau you can use react-navigation/stack or disable newarchitecture.

[khedewyAmj]

i have the same problem too with scroll view
"react-native": "0.76.3",

[leo0grau]

@khedewyAmj , i solved this problem creating a custom header, it solved for me

[khedewyAmj]

@leo0grau Yes , i solved it with remove header left or right i was put in code with use the header it's works fine , thanks you