react-navigation / react-navigation/react-navigation

Sending `onAnimatedValueUpdate` with no listeners registered `warning` when swiping back using ios gesture. JS Stack Navigator

Open
#11,564 58 comments 45 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Current behavior

This is only happening on JS Stack Navigator

I keep getting warning that says "Sending onAnimatedValueUpdate with no listeners registered" every time i'm swiping back to the previous screen using ios gesture.

I'm not sure why since i'm following the installation and setup in the docs correctly.

Screenshot

image

Video

https://github.com/react-navigation/react-navigation/assets/46083126/b69c46af-49d4-48e5-a605-c5aa9d79685e

Expected behavior

There should not be warning for gesture back behavior. This is sometimes really annoying when debugging or developing my apps.

Reproduction

https://github.com/bryanltobing/rnav-test

specific commit react-navigation setup feat: setup react navigation

Platform
  • Android
  • iOS
  • Web
  • Windows
  • MacOS
Packages
  • @react-navigation/bottom-tabs
  • @react-navigation/drawer
  • @react-navigation/material-top-tabs
  • @react-navigation/stack
  • @react-navigation/native-stack
  • react-native-tab-view
Environment
  • [] I've removed the packages that I don't use
package version
@react-navigation/native 6.1.7
@react-navigation/stack 6.3.17
react-native-safe-area-context 4.6.3
react-native-screens 3.22.0
react-native-gesture-handler 2.12.0
react-native 0.72.4
expo 49.0.8
node 20.3.1
npm or yarn yarn 1.22.19

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 with the linked rnav-test reproduction at commit b0d487fafb72119796ea4a1079257d78cbcff995 and reproduce the warning while swiping back on iOS. Trace the JS Stack Navigator behavior involved in the gesture; done means the back gesture no longer emits the “onAnimatedValueUpdate” warning when no listeners are registered.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.