[Android] SectionList stickySectionHeadersEnabled not working correctly in New Architecture when using Animated #45229
Labels
API: Animated
Component: SectionList
Issue: Author Provided Repro
This issue can be reproduced in Snack or an attached project.
Platform: Android
Android applications.
Resolution: Fixed
A PR that fixes this issue has been merged.
Type: New Architecture
Issues and PRs related to new architecture (Fabric/Turbo Modules)
Description
As discovered in here, when using the
SectionList
component in a New Architecture React Native app together with a component that usesAnimated
, like some components ofreact-native-paper
, thestickySectionHeadersEnabled
doesn't seem to work. The linked github discussion has a video of the bug occurring.Steps to reproduce
SectionList
stickySectionHeadersEnabled
is not workingAnimated
usage inApp.tsx
SectionList
stickySectionHeadersEnabled
now worksReact Native Version
0.74.2
Affected Platforms
Runtime - Android
Areas
Other (please specify)
Output of
npx react-native info
Stacktrace or Logs
Reproducer
https://github.com/giovanni-caiazzo/rn-sectionlist-reproducer
Screenshots and Videos
I first raised the issue in
react-native-paper
repo here.It has a video showing the bug from a slightly different test-repo I did: https://github.com/callstack/react-native-paper/assets/52694654/31a211fd-801e-4585-b31b-470e10dbaa53
The text was updated successfully, but these errors were encountered: