Skip to content

React to onUserDrivenAnimationEnded event in JS (#45414)#45839

Closed
cipolleschi wants to merge 1 commit into
facebook:mainfrom
cipolleschi:export-D60499583
Closed

React to onUserDrivenAnimationEnded event in JS (#45414)#45839
cipolleschi wants to merge 1 commit into
facebook:mainfrom
cipolleschi:export-D60499583

Conversation

@cipolleschi
Copy link
Copy Markdown
Contributor

Summary:

This change completes the fix for broken pressable when animations were applied to components with native driven animations.

When creating the AnimatedProps, if they are natively drive animation, we look for the AnimatedValue involved and we register a listener. This is needed to make sure that the NativeModule will send te updated value upon calling the update function.

Then, when observing the props lifecycle, it register a listener to the new OnUserAnimationEnded event, fired by the NativeAnimation module.

When the OnUserAnimationEnded event is fired, the AnimatedProps will update the props that depends on the user driven animation.

Changelog

[General][Fixed] - reallign the shadow tree and the native tree when the user finishes interacting with the app.

Differential Revision: D60499583

@facebook-github-bot facebook-github-bot added CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. p: Facebook Partner: Facebook Partner labels Jul 31, 2024
@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request was exported from Phabricator. Differential Revision: D60499583

@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request was exported from Phabricator. Differential Revision: D60499583

@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request was exported from Phabricator. Differential Revision: D60499583

@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request was exported from Phabricator. Differential Revision: D60499583

@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request was exported from Phabricator. Differential Revision: D60499583

Summary:
Pull Request resolved: facebook#45839

Pull Request resolved: facebook#45414

This change completes the fix for broken pressable when animations were applied to components with native driven animations.

When creating the AnimatedProps, if they are natively drive animation, we look for the AnimatedValue involved and we register a listener. This is needed to make sure that the NativeModule will send te updated value upon calling the `update` function.

Then, when observing the props lifecycle, it register a listener to the new `OnUserAnimationEnded` event, fired by the NativeAnimation module.

When the `OnUserAnimationEnded` event is fired, the AnimatedProps will update the props that depends on the user driven animation.

## Changelog
[General][Fixed] - reallign the shadow tree and the native tree when the user finishes interacting with the app.

Reviewed By: sammy-SC

Differential Revision: D60499583
@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request was exported from Phabricator. Differential Revision: D60499583

@facebook-github-bot facebook-github-bot added the Merged This PR has been merged. label Aug 12, 2024
@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request has been merged in a8786fc.

@react-native-bot
Copy link
Copy Markdown
Collaborator

This pull request was successfully merged by @cipolleschi in a8786fc

When will my fix make it into a release? | How to file a pick request?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. fb-exported Merged This PR has been merged. p: Facebook Partner: Facebook Partner

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants