Skip to content

feat(ux): spring-rise BottomSheet with fade backdrop#135

Merged
os-zhuang merged 1 commit into
mainfrom
feat/motion-sheet-spring
Jun 11, 2026
Merged

feat(ux): spring-rise BottomSheet with fade backdrop#135
os-zhuang merged 1 commit into
mainfrom
feat/motion-sheet-spring

Conversation

@os-zhuang

Copy link
Copy Markdown
Contributor

What

Fourth slice of the 动效与转场 (motion) track.

The shared BottomSheet used the flat OS animationType="slide". It now:

  • Cross-fades the dimmed backdrop (animationType="fade")
  • Springs the panel up from the bottom via reanimated SlideInDown.springify()

So every sheet — list sort/group, detail actions, quick-create, and the AI sheet — arrives with the soft physical rise top-tier apps use, from one shared component.

Verification

  • tsc --noEmit clean
  • eslint clean
  • 1337 tests pass (BottomSheet renders inside list/detail/ai screen suites)
  • Web bundle rebuilds with zero console errors

🤖 Generated with Claude Code

Replace the flat OS slide (animationType="slide") with a fade-crossed
backdrop plus a reanimated spring rise on the panel, so sort/action
sheets, quick-create, and the AI sheet arrive with the soft physical
motion top-tier sheets use. Shared BottomSheet, so every sheet benefits.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@os-zhuang os-zhuang merged commit 4bea794 into main Jun 11, 2026
3 checks passed
@os-zhuang os-zhuang deleted the feat/motion-sheet-spring branch June 11, 2026 15:17
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