Performance Issues with useNativeDriver in React Native 0.74.1 of New Arch: Comparing Animation Smoothness and FlatList Scrolling #44514
Labels
Component: FlatList
Needs: Triage 🔍
Type: New Architecture
Issues and PRs related to new architecture (Fabric/Turbo Modules)
Description
In my React Native 0.74.1 app using the new architecture, when there are complex animations on a page, the animations display smoothly and the FlatList scrolls fluidly if I set useNativeDriver=false. However, when I set useNativeDriver=true, both the page animations and FlatList scrolling become choppy.
Steps to reproduce
React Native Version
0.74.1
Affected Platforms
Runtime - Android, Runtime - iOS
Areas
Fabric - The New Renderer
Output of
npx react-native info
Stacktrace or Logs
Reproducer
https://github.com/Hao-yiwen/rn_0741
Screenshots and Videos
old Arch:
https://github.com/facebook/react-native/assets/42827938/ae9ba77c-71b9-4901-bd2b-0c735658573f
new Arch:
https://github.com/facebook/react-native/assets/42827938/d29cec27-672c-4e72-bf1b-d51ce57c5d92
The text was updated successfully, but these errors were encountered: