leecade / leecade/react-native-swiper

Top navigation and swiper combined

Open
#1,281 1 comment 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
10.5k
Forks
2.3k
PR merge metrics
No merged PRs in 30d

Description

Android I think also iOS

Version

react-native-swiper 1.6.0
react-native v0.63.4

Hi I have a issue with react native swiper and react native top navigation.
What I want is when the swiper shows its last right view, I want that the swipe directionRight is disabled so when I swipe right again i go to the next page of the top navigation. The same applies to the left swipe derection.

Expected behaviour

If the last right or left view shows en you swipe right or left the swipe in that direction is disabled so i go to the next top navigation.

Actual behaviour

If the last right or left view shows en you swipe right or left noting happens because swipe direction is still enabled.

How to reproduce it>

Sample is the Instagram image feed when you swipe right on an image the slider moves right when you are at the last image and you swipe right you go to your chats page.

Steps to reproduce
  1. Make an disableRightSwipe and disableLeftSwipe
  2. Auto Implement them when you are at last Right or Left View (Only in loop false mode).
    i would also be happy if you only implemented disableRightSwipe and disableLeftSwipe than i make the function myself.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the interaction with react-native-swiper 1.6.0 and inspect the existing swipe-direction and loop handling. Determine how non-looping swipes at the first and last views should expose disableRightSwipe and disableLeftSwipe, then verify that the navigation handoff works in both directions.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile
Issue type
Feature
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.