feat: try shared element animation

[hyoban]

I tried Shared Element Transitions and this is what it looks like so far.

ScreenRecording_01-07-2025.22-45-33_1.MP4

It's very easy to implement in code, just set a unique sharedTransitionTag. But it also has some limitations. See Remarks from reanimated docs.

• The biggest problem is it does not support the new architecture.
• It does not support nested FlashList or PagerView. Therefore, the animation will be invalid after scrolling to switch entries is implemented. I have not found a solution yet.
• I haven't found an elegant way to disable the animation on return, the current implementation is a bit inelegant. I tried Custom animation.

I'm not sure if I should keep this animation. I also looked for other solutions, like React Navigation Shared Element, but their maintenance status is even worse than reanimated.

Other information

• Shared Element Transitions expo/router#150
• [image][ios] Fix too frequent image reloads expo/expo#24965
• 6.2.0 breaks vertical scrolling of ScrollView parent callstack/react-native-pager-view#722

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
follow	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 7, 2025 3:04pm

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
follow-external-ssr	⬜️ Ignored (Inspect)			Jan 7, 2025 3:04pm

[follow-reviewer-bot]

Suggested PR Title:

feat(entry): improve layout and add animations for entries

Change Summary:
Enhance entry layout and animations for better user experience. Added new entry data, components, and context for smooth transitions. Modified existing screens to utilize animations and new data structure.

Code Review:
No change requests necessary.