fix(navigation): make push-enter feel as grounded as pop-exit#2041
Merged
Conversation
The push-enter transition felt "snap-in" because the decelerate emphasized easing (0.05, 0.7, 0.1, 1) front-loads ~70% of the slide into the first 22ms. Visually, the new screen appeared near-instantly, then settled — asymmetric with the pop-exit's slow build-up + late acceleration. Three small changes: - Mirror the decelerate easing curve to (0.2, 0.85, 0.7, 1) so its time profile matches popExit's accelerate curve in reverse. - Add scaleIn(0.92f) to enterTransition so it has the same visual "weight" as popExit's scaleOut(0.92f). - Run fadeIn over the full TRANSITION_DURATION using the accelerate curve so alpha stays low while slide does its work — prevents the perceptual "fade arrives before slide" mismatch (alpha changes are more visible than position changes at the same progress percentage). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
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.
Summary
(0.2, 0.85, 0.7, 1)so its time profile matchespopExit's accelerate curve in reverse — the old(0.05, 0.7, 0.1, 1)front-loaded ~70% of the slide into the first 22ms, making new screens feel snap-inscaleIn(0.92f)toenterTransition()to match the visual weight ofpopExit'sscaleOut(0.92f)fadeInover the fullTRANSITION_DURATIONwith an accelerate curve so alpha lags the slide — fixes the perceptual mismatch where the fade appeared to arrive before the slide (alpha changes are more visible than position changes at the same progress percentage)Why
Reported by user testing settings navigation: the entrance animation felt instant compared to the exit. Investigation showed the asymmetry was real — decelerate emphasized's steep initial slope (0.85/0.2 ≈ 4.25x average speed at t=0) was completing the bulk of motion in ~22ms, while popExit's accelerate curve produced a gentle build with a satisfying late settle. Three changes restore symmetry: matched easing time-profile, matched scale weight, and offset fade timing.
Test plan
enterTransition()is globalexitTransition), pop-enter, or pop-exit transitions🤖 Generated with Claude Code