IjzerenHein / IjzerenHein/react-navigation-shared-element

[v5]/[v3] Random endnode position with react-native-image-zoom-viewer

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

Description

https://user-images.githubusercontent.com/292204/106319695-1bf88e00-6272-11eb-80d1-076bb82b1ae9.mov

See attached screen recording in a simulator.
I could not figure out how to debug, and why this would happen.

This is my code for `react-native-image-zoom-viewer`.
```
<>}
saveToLocalByLongPress={false}
onSwipeDown={() => navigation.goBack()}
style={{ flex: 1 }}
onChange={index => index !== undefined && setCurrentIndex(index)}
renderImage={prop => (



)}
/>
```
This is the component within the `Stack.Screen`. Any suggestions?

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the attached simulator recording and the ImageViewer usage shown in the issue, then inspect the Stack.Screen integration and renderImage callback. Reproduce the random endnode position; done means the image ends at a stable, correct position.

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
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.