Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Reduced motion + Prefer Cross-Fade Transition produces not smooth animations on iOS #569

Closed
kirillzyusko opened this issue Aug 27, 2024 · 0 comments · Fixed by #570
Closed
Assignees
Labels
🐛 bug Something isn't working 🍎 iOS iOS specific

Comments

@kirillzyusko
Copy link
Owner

Describe the bug

A combination of Reduced motion and Cross-Fade Transition on iOS makes animation not smooth.

Code snippet

You can use example app.

Repo for reproducing

You can use example app.

To Reproduce
Steps to reproduce the behavior:

  1. Go to "Animated Keyboard" example
  2. Click on TextInput
  3. See animation smoothness

Expected behavior

Animations should be smooth.

Screenshots

RPReplay_Final1724771280.MP4

Smartphone (please complete the following information):

  • Desktop OS: MacOS 14.41
  • Device: iPhone 11
  • OS: 17.4
  • RN version: 0.75.2
  • RN architecture: old/new
  • JS engine: Hermes
  • Library version: 1.13.2

Additional context

Would be good to check how other apps are handling this. But I think the common feature would be the fact that useKeyboardHandler should give gradual values and don't change values when keyboard starts movement or finishes its movement.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 bug Something isn't working 🍎 iOS iOS specific
Projects
None yet
1 participant