feat: add per-property transition support#4
Merged
janicduplessis merged 14 commits intomainfrom Mar 25, 2026
Merged
Conversation
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
EaseView, allowing different animation configs per animatable property (e.g., spring foropacity, timing fortranslateX,noneforscale)TransitionMaptype withdefaultfallback and per-propertySingleTransitionoverridestype: 'none'to immediately snap a property to its target value without animationAPI Example
Solution
src/types.ts— newSingleTransition,TransitionMap, and updatedTransitionunion typesrc/EaseView.tsx— resolve per-property transition maps into flat native props (transitionOpacityType,transitionOpacityDuration, etc.)src/EaseViewNativeComponent.ts— codegen props for per-property transition overridesios/EaseView.mm— resolve per-property transition config on the native side, supportnonetype for immediate value applicationandroid/EaseView.kt+EaseViewManager.kt— per-property transition resolution andnonesupportsrc/__tests__/EaseView.test.tsx— tests for per-property resolution,defaultfallback, andnonebehaviorexample/src/App.tsx— demo showcasing per-property transitionsREADME.md— documentation for the new APITest Plan
Per-Property Transitions demo — opacity fades slowly (1.5s easeInOut) while translateX bounces with a spring. The timing difference between properties is clearly visible.
iOS — iPhone 17 Pro (iOS 26.2)
pr4-ios-trimmed.mp4
Android — Android 16 emulator (arm64)
pr4-android-trimmed.mp4
Web — Chrome, 390px viewport
pr4-web-final.mp4