react-navigation / react-navigation/react-navigation

Problem with onHandlerStateChange.

Open
#9,465 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug package:drawer repro provided
Dominant language
TypeScript
Stars
24.5k
Forks
5.1k
Avg merge
1d 5h
Merged PRs (30d)
18

Description

The problem

When i'm using gestureHandlerProps with onHandlerStateChange the bar on the left when I swipe it by hand closes before it opens, if I don't use onHandlerStateChange it works normally. On iOS is not showing the animation when i drag the menu, it just open and close immediate.

Exemple of code
gestureHandlerProps={
{
onHandlerStateChange:(e)=>console.log(e.nativeEvent.state)
}
}

Example on snack
https://snack.expo.io/@andreirazv/onhandlerstatechange-problem

Your Environment

software version
Android
"@react-navigation/drawer": "^5.12.4",
"@react-navigation/native": "^5.9.3",
"@react-navigation/stack": "^5.14.3",
"@types/react-native": "^0.63.50",
"npm": "^7.6.0",
"react": "16.13.1",
"react-native": "0.63.4",

Contributor guide

Open the contributing guide

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 running the linked Expo Snack and reproducing the drawer behavior with gestureHandlerProps and onHandlerStateChange, using the listed React Native and navigation versions as context. Compare Android and iOS behavior while dragging and confirm that the drawer animation remains visible and the state callback still reports the gesture state.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, react-native
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.