Skip to content

fix(ui): match React Native Android transitions - #876

Merged
swolfand merged 1 commit into
mainfrom
sam/mobile-623-android-should-match-expo-transition-behavior
Aug 12, 2026
Merged

fix(ui): match React Native Android transitions#876
swolfand merged 1 commit into
mainfrom
sam/mobile-623-android-should-match-expo-transition-behavior

Conversation

@swolfand

@swolfand swolfand commented Aug 12, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • replace the SDK's full-width 300 ms navigation animation with the modern React Native native-stack Android transition
  • use a 450 ms horizontal push/pop with 10% parallax and the platform foreground fade timing
  • share the transition across auth, user profile, and organization profile navigation
  • preserve the mounted Manage Account detail screen while applying the same transition

Why

Android navigation did not match the React Native SDK's Expo/native-stack behavior. The existing custom animation traveled the full screen width and used different timing, making navigation feel materially different between SDKs.

Linear: MOBILE-623

Screen_recording_20260811_214748.mp4

Summary by CodeRabbit

  • Enhancements
    • Updated navigation animations across authentication, organization profile, and user profile screens.
    • Added smoother forward, back, and predictive back transitions with coordinated sliding and fading effects.
    • Standardized screen transitions for a more consistent navigation experience.

@coderabbitai

coderabbitai Bot commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: e01eac2a-88f2-44cc-85aa-0482061385c0

📥 Commits

Reviewing files that changed from the base of the PR and between eac7e6a and 5b2e430.

📒 Files selected for processing (4)
  • source/ui/src/main/java/com/clerk/ui/auth/AuthView.kt
  • source/ui/src/main/java/com/clerk/ui/navigation/ClerkNavigationTransition.kt
  • source/ui/src/main/java/com/clerk/ui/organizationprofile/OrganizationProfileView.kt
  • source/ui/src/main/java/com/clerk/ui/userprofile/UserProfileView.kt
🔗 Linked repositories identified

CodeRabbit considers these linked repositories for cross-repo context during reviews:

  • clerk/javascript (auto-detected)
  • clerk/dashboard (auto-detected)

📝 Walkthrough

Walkthrough

The change adds shared Compose navigation transition utilities and applies them to authentication, organization profile, and user profile navigation flows. Local animation imports, specifications, translations, and predictive-pop implementations are removed.

Changes

Navigation transition consolidation

Layer / File(s) Summary
Shared transition specifications
source/ui/src/main/java/com/clerk/ui/navigation/ClerkNavigationTransition.kt
Adds shared timing, easing, slide, alpha, content-transform, and modifier-transform utilities for forward and pop navigation.
Authentication and organization profile migration
source/ui/src/main/java/com/clerk/ui/auth/AuthView.kt, source/ui/src/main/java/com/clerk/ui/organizationprofile/OrganizationProfileView.kt
Replaces local forward, pop, and predictive-pop slide transitions with shared helpers.
User profile transition migration
source/ui/src/main/java/com/clerk/ui/userprofile/UserProfileView.kt
Replaces local slide progress, alpha, translation, z-index, and predictive-pop logic with shared transition specifications.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Possibly related PRs

  • clerk/clerk-android#868: Both changes modify UserProfileView.kt navigation transitions. This PR extracts shared transition helpers, while the related PR adds mounted-layer account animations.
🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly identifies the UI change: matching React Native Android navigation transitions.
Description check ✅ Passed The description explains the change, motivation, affected navigation areas, tracking issue, and provides a visual reference.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch sam/mobile-623-android-should-match-expo-transition-behavior

Comment @coderabbitai help to get the list of available commands.

Use the native-stack Android push and pop timing across auth and profile navigation, including the mounted manage-account detail screen.
@swolfand
swolfand force-pushed the sam/mobile-623-android-should-match-expo-transition-behavior branch from 4ad5c1f to 5b2e430 Compare August 12, 2026 04:53
@swolfand
swolfand marked this pull request as ready for review August 12, 2026 04:56
@swolfand
swolfand merged commit 0cd49e2 into main Aug 12, 2026
16 checks passed
@swolfand
swolfand deleted the sam/mobile-623-android-should-match-expo-transition-behavior branch August 12, 2026 05:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant