bnolan / bnolan/echt-client

Swipe to browse through photos

Open
#41 0 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
JavaScript
Stars
1
Forks
0
PR merge metrics
No merged PRs in 30d

Description

This is surprisingly hard, and was disabled as part of implementing https://github.com/bnolan/echt-client/issues/39. I think doing this via react-navigation is abusing their API a bit.

Our best shot would be to partially reimplement the `` and offset based approach from https://github.com/halilb/react-native-photo-browser. The library itself is a bit too clumsy, it makes too many assumptions on how your detail views are rendered (e.g. no ability to add a "delete" button). We could try to work with the library author to create custom detail views of course.

Past research (from Slack):

https://github.com/alwx/react-native-photo-view - the one we’re using, no nav capabilities
https://github.com/dwqs/react-native-image-viewer - no actions or custom views
https://github.com/ascoders/react-native-image-viewer - might be ok, but … japanese? 5 contributors only
https://github.com/BondGoat/react-native-photo-viewer - single contributor
https://github.com/oblador/react-native-lightbox - quite popular, can have custom views, but no nav
https://github.com/halilb/react-native-photo-browser - includes grid rendering, action buttons, nav
https://github.com/phil-r/react-native-looped-carousel - nav, but no image pan/zoom
https://github.com/sprightco/react-native-NYTPhotoViewer - wrapper for native ios (no android)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reviewing the implementation disabled for issue #39 and the listed react-native photo-view and photo-browser libraries. Compare their navigation, custom detail-view, action-button, and pan/zoom capabilities against the app's needs. Done means users can swipe through photos while retaining the required custom actions and detail rendering.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.