IjzerenHein / IjzerenHein/react-navigation-shared-element

encounter blink effect when navigate screens

Open
#222 10 comments 1 reaction 0 assignees View on GitHub
Dominant language
TypeScript
Stars
1.3k
Forks
125
PR merge metrics
No merged PRs in 30d

Description

Thanks for this amazing library to help improve user experience especially after upgrade to the latest version.
But I also encountered some trouble when using it on android.

issue 1:
when I navigate from ListScreen to DetailScreen, if the image is half on screen, then it will blink.
issue 2:
when I navigate back from DetailScreen to ListScreen, it will blink and I can clearly see there's a blank area goes from left to right.

here is the reproduce repository: [sharedElementExample](https://github.com/chj-damon/sharedElementExample)

thank you very much.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the linked sharedElementExample reproduction repository and run the ListScreen-to-DetailScreen and back-navigation flows on Android. Compare the transitions when the image is partly visible, and use the reported blink and left-to-right blank area as the completion criteria.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.