fix: update components for react-native-reanimated 4 compatibility#52
Open
haswalt wants to merge 1 commit intocodeherence:mainfrom
Open
Conversation
- FadingView: pass useAnimatedProps result directly instead of spreading, which broke Reanimated 4's internal animated proxy tracking - ScrollView: use Animated.ScrollView from reanimated instead of createAnimatedComponent(ScrollView) for proper Reanimated 4 support - Header/LargeHeader: convert View to Animated.View to support animated styles passed by consumers, preventing the "animated style to non-animated component" error in Reanimated 4 https://claude.ai/code/session_01K8dw23CbhakgyCBmuwr5jP
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Adds support for react-native-reanimated@^4.2.1 by correctly using animated views for header wrappers.
Motivation and Context
This library uses standard react-native views to wrap headers. These are animated and with the stricter worklets causes a crash: #50
How Has This Been Tested?
Existing tests and tested in a production app.
Types of changes
Checklist:
Additional Notes (Optional)
This update was done with the aid of AI but changes have been verified by a human engineer.