react-navigation / react-navigation/react-navigation.github.io

Material Top Tabs: Conflict between Swipe and Touch

Open
#1,191 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
324
Forks
2k
PR merge metrics
No merged PRs in 30d

Description

I am using material top tabs to render three screens that have a list of Touchable Opacity components. When I swipe between screens, it conflicts with Touchable opacity and that component got clicked.

is there any way to avoid click events while swiping screens?

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 conflict with material top tabs and the three screens containing TouchableOpacity components. Investigate how swipe gestures and touch events interact, then verify that swiping between screens no longer triggers a TouchableOpacity click.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.