IjzerenHein / IjzerenHein/react-native-shared-element

Feature: Animate non-shared elements by moving them in- or out of the screen

Open
#32 2 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
TypeScript
Stars
2.3k
Forks
113
PR merge metrics
No merged PRs in 30d

Description

For starters, thanks for this project, it's super awesome.

One thing I'm having trouble with myself and maybe others have as well? Is that if I have two different screens, each with their own layout, i.e. buttons, images, but SOME shared elements, is it possible to move and fade the elements on the new screen that are not shared?

The fade part is actually doable, but I can't seem to get them to move. Anyone have any tricks they've found for something like this?

The one (bad) idea I've had is to include all the elements in the first screen at their starting positions. This seems like it would get very messy.

Thanks!

Contributor guide

No contributing guide indexed for this repository

Research direction

No files, tests, or entry points are named in the issue. First locate the existing shared-element transition implementation and examples, then determine whether non-shared elements can be moved and faded during screen changes; done should include a defined behavior and verification for both directions.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.