IjzerenHein / IjzerenHein/react-navigation-shared-element
[v5]/[v3] Random endnode position with react-native-image-zoom-viewer
- 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