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

bryanltobing · 2023-08-28T06:46:02Z

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

Video

Screen.Recording.2023-08-28.at.14.45.02.mov

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

Packages

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

The text was updated successfully, but these errors were encountered:

cyberkaidev · 2023-09-24T15:47:49Z

I have the same problem when I use:

    navigation.dispatch(
        CommonActions.reset({
            index: 1,
            routes: [{ name: 'TabsRoutes' }],
        }),
    );

DDM16 · 2023-10-08T15:45:09Z

same problem on me.

i get warn after upgrading react version to 0.72.

watislaf · 2023-10-25T15:14:52Z

same problem.

matterwin · 2023-11-01T05:46:27Z

Problem still occurring here

ViljamHaanpaa · 2023-11-06T19:02:53Z

yep having the exact same problem

hwangJi-dev · 2023-11-07T01:57:26Z

I migrated to React Native 0.72 and the same problem occurs.

GuidoGagliardini · 2023-11-08T17:24:09Z

same issue here


    "@react-navigation/drawer": "^6.6.5",
    "@react-navigation/native": "^6.1.9",
    "@react-navigation/stack": "^6.3.20",
    "expo": "~49.0.13",
    "react": "18.2.0",

xaiamov · 2023-11-08T18:52:51Z

This simple patch helped me.

     "react-native": "0.72.3",
     "@react-navigation/bottom-tabs": "^6.5.8",
     "@react-navigation/native": "^6.1.7",
     "@react-navigation/stack": "^6.3.17",

Duplicate #7839

GuidoGagliardini · 2023-11-08T19:00:39Z

This simple patch helped me.

     "react-native": "0.72.3",
     "@react-navigation/bottom-tabs": "^6.5.8",
     "@react-navigation/native": "^6.1.7",
     "@react-navigation/stack": "^6.3.17",

Duplicate #7839

Yes, I have tested it and it works but I think it is correct to report that the error still exists. Thanks anyway and best regards!

Ero-pixel · 2023-11-12T15:17:50Z

  <RestaurantStack.Screen name="Restaurants" component={RestaurantsScreen}  options={{ title: 'Restaurants' }}/>

Just add options={{ title: 'Restaurants' }} and that's it.

CTOverton · 2023-12-05T05:34:30Z

This simple patch helped me.

     "react-native": "0.72.3",
     "@react-navigation/bottom-tabs": "^6.5.8",
     "@react-navigation/native": "^6.1.7",
     "@react-navigation/stack": "^6.3.17",

Duplicate #7839

Would love to see some movement on this ticket. While this patch does work it seems like something that should be updated in the repo itself.

@Ero-pixel Adding the title for me did not resolve my issue sadly.

MarlonAEC · 2023-12-13T02:32:39Z

  <RestaurantStack.Screen name="Restaurants" component={RestaurantsScreen}  options={{ title: 'Restaurants' }}/>
Just add options={{ title: 'Restaurants' }} and that's it.

This worked for me. Thanks!

sato-daiki · 2023-12-14T19:12:16Z

same

tbagskk · 2023-12-21T16:08:26Z

Ce simple patch

Ca a fonctionné pour moi aussi !

ahmadkhalaf1 · 2024-01-07T14:43:53Z

no update on this? nothing from above is working , ios

wanderhungerbuhler · 2024-01-13T13:34:49Z

  <RestaurantStack.Screen name="Restaurants" component={RestaurantsScreen}  options={{ title: 'Restaurants' }}/>
Just add options={{ title: 'Restaurants' }} and that's it.

Add options={{ title: ... }} resolved for me.

MariuzM · 2024-02-15T19:23:26Z

Same issue when using const Tab = createMaterialTopTabNavigator(); and swiping left to edge of screen i get this warning

react-navigation/react-navigation#11564 (comment)

therbta · 2024-03-13T20:25:10Z

Same issue here.

WARN SendingonAnimatedValueUpdate with no listeners registered.

<Stack.Screen
          name="Chat"
          component={Conversation}
          options={{
            headerShown: false,
            presentation: 'fullScreenModal'
          }}
        />

esmailbenmoussa · 2024-03-18T09:34:18Z

  <RestaurantStack.Screen name="Restaurants" component={RestaurantsScreen}  options={{ title: 'Restaurants' }}/>
Just add options={{ title: 'Restaurants' }} and that's it.
Add options={{ title: ... }} resolved for me.

This did not work for me..

FancyLobster · 2024-03-22T20:31:26Z

Any update on this? None of the fixes above worked for me. Here are my dependencies:

"react": "18.2.0",
"react-native": "0.73.6",
"@react-navigation/material-top-tabs": "^6.6.13",
"@react-navigation/native": "^6.1.17",
"@react-navigation/stack": "^6.3.29",
"react-native-gesture-handler": "^2.15.0",
"react-native-reanimated": "^3.8.1",

rocalex · 2024-03-23T18:59:08Z

same issue

Danu-rxone · 2024-03-24T03:11:48Z

You can find solution at the following link:
https://stackoverflow.com/a/76465300/12285105
I placed the code in the App.tsx file.

FancyLobster · 2024-03-25T16:08:18Z

You can find solution at the following link: https://stackoverflow.com/a/76465300/12285105 I placed the code in the App.tsx file.

Thank you for the solution, but this did not work for me. I tried placing a listener in various places in my index.js, App.js, and Home.js and I still get the warning after I swipe between pages. I even added listeners for all my Animated and Shared Values that I use throughout the app and it still did not fix it. I also tried the other solutions in that post and they did not work.

Has anyone solved this issue with a method that differs from the solutions proposed in this thread or the referenced StackOverflow post?

bmg817 · 2024-04-21T20:48:27Z

Experiencing this as well when I use navigation within an app to go back to the main screen

JeffGuKang · 2024-04-22T01:50:15Z

  <RestaurantStack.Screen name="Restaurants" component={RestaurantsScreen}  options={{ title: 'Restaurants' }}/>
Just add options={{ title: 'Restaurants' }} and that's it.

I fixed this issue with above solution. But options should be option.

ReiDx · 2024-05-01T20:46:19Z

any update?

same issue

dannybit · 2024-05-05T16:08:50Z

Same issue, none of the above solutions fixed the issue.

voxlz · 2024-05-09T16:14:17Z

I have the same issue

rodrigodiasf1984 · 2024-05-14T08:57:37Z

same issue on the react-native 0.74.1

"react-native": "0.74.1",
"@react-navigation/native": "^6.1.17",
"@react-navigation/native-stack": "^6.9.26",
"@react-navigation/stack": "^6.3.29",

the options={{title: 'screen title'}} and this : `import { Animated } from "react-native";

const av = new Animated.Value(0);
av.addListener(() => {return});`

Doesn't work to me

FancyLobster · 2024-05-14T15:29:45Z

any update?

same issue

Still no fix, I am just ignoring the warning until it is fixed.

This only prevents it from popping up over the UI, but still does not prevent it from showing in the console log:

// index.js
import { LogBox } from 'react-native';
LogBox.ignoreLogs(['Sending `onAnimatedValueUpdate` with no listeners registered.']);

Funny enough, I thought the issue somehow stemmed from our app's complex/nested navigation setup, but that turns out to not be the case. I have been debugging in a test build environment with only 1 navigator and 2 pages and I am still getting the warning when navigating between those 2 pages. Maybe they need to just comment out the warning in the source code? I don't have time to look through it, but it is still quite annoying for it to be showing up in my console log.

colaquecez · 2024-05-18T21:40:56Z

Same here using @react-navigation/material-top-tabs

  "@react-navigation/native": "^6.1.9",
  "@react-navigation/native-stack": "^6.9.17",
  "@react-navigation/material-top-tabs": "^6.6.11",

emilje · 2024-05-26T22:45:54Z

Same.

    "@react-navigation/bottom-tabs": "^6.5.20",
    "@react-navigation/elements": "^1.3.30",
    "@react-navigation/native": "^6.1.17",
    "@react-navigation/native-stack": "^6.9.26",
    "@react-navigation/stack": "^6.3.29",

hoangphucnst · 2024-06-06T03:28:26Z

same issue on the react-native 0.74.1
"react-native": "0.74.1",
"@react-navigation/native": "^6.1.17",
"@react-navigation/native-stack": "^6.9.26",
"@react-navigation/stack": "^6.3.29",
the options={{title: 'screen title'}} and this : `import { Animated } from "react-native";

const av = new Animated.Value(0); av.addListener(() => {return});`

Doesn't work to me

Me too

bryanltobing added the bug label Aug 28, 2023

github-actions bot added repro provided platform:ios labels Aug 28, 2023

g1d5ny mentioned this issue Jan 6, 2024

fix: Registered listener not found when mounting and unmounting #11740

Closed

NigelBreslaw added a commit to NigelBreslaw/guardian-ghost that referenced this issue Feb 26, 2024

Stop a react-navigation warning.

65392c3

react-navigation/react-navigation#11564 (comment)

NigelBreslaw mentioned this issue Feb 26, 2024

Stop a react-navigation warning. NigelBreslaw/guardian-ghost#535

Merged

NigelBreslaw added a commit to NigelBreslaw/guardian-ghost that referenced this issue Feb 26, 2024

Stop a react-navigation warning. (#535)

eb17d1a

react-navigation/react-navigation#11564 (comment)

satya164 added the help wanted label Mar 13, 2024

bviebahn mentioned this issue Apr 5, 2024

Sending 'onAnimatedValueUpdate' with no listeners registered error on Material Top Tabs Navigator bviebahn/react-native-star-rating-widget#62

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

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

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

bryanltobing commented Aug 28, 2023 •

edited

Loading

cyberkaidev commented Sep 24, 2023

DDM16 commented Oct 8, 2023

watislaf commented Oct 25, 2023

matterwin commented Nov 1, 2023

ViljamHaanpaa commented Nov 6, 2023

hwangJi-dev commented Nov 7, 2023 •

edited

Loading

GuidoGagliardini commented Nov 8, 2023

xaiamov commented Nov 8, 2023 •

edited

Loading

GuidoGagliardini commented Nov 8, 2023

Ero-pixel commented Nov 12, 2023 •

edited

Loading

CTOverton commented Dec 5, 2023

MarlonAEC commented Dec 13, 2023

sato-daiki commented Dec 14, 2023

tbagskk commented Dec 21, 2023

ahmadkhalaf1 commented Jan 7, 2024

wanderhungerbuhler commented Jan 13, 2024

MariuzM commented Feb 15, 2024 •

edited

Loading

therbta commented Mar 13, 2024 •

edited

Loading

esmailbenmoussa commented Mar 18, 2024

FancyLobster commented Mar 22, 2024

rocalex commented Mar 23, 2024

Danu-rxone commented Mar 24, 2024

FancyLobster commented Mar 25, 2024

bmg817 commented Apr 21, 2024

JeffGuKang commented Apr 22, 2024

ReiDx commented May 1, 2024

dannybit commented May 5, 2024

voxlz commented May 9, 2024

rodrigodiasf1984 commented May 14, 2024

FancyLobster commented May 14, 2024

colaquecez commented May 18, 2024 •

edited

Loading

emilje commented May 26, 2024

hoangphucnst commented Jun 6, 2024

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

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

Comments

bryanltobing commented Aug 28, 2023 • edited Loading

Current behavior

Screenshot

Video

Expected behavior

Reproduction

Platform

Packages

Environment

cyberkaidev commented Sep 24, 2023

DDM16 commented Oct 8, 2023

watislaf commented Oct 25, 2023

matterwin commented Nov 1, 2023

ViljamHaanpaa commented Nov 6, 2023

hwangJi-dev commented Nov 7, 2023 • edited Loading

GuidoGagliardini commented Nov 8, 2023

xaiamov commented Nov 8, 2023 • edited Loading

GuidoGagliardini commented Nov 8, 2023

Ero-pixel commented Nov 12, 2023 • edited Loading

CTOverton commented Dec 5, 2023

MarlonAEC commented Dec 13, 2023

sato-daiki commented Dec 14, 2023

tbagskk commented Dec 21, 2023

ahmadkhalaf1 commented Jan 7, 2024

wanderhungerbuhler commented Jan 13, 2024

MariuzM commented Feb 15, 2024 • edited Loading

therbta commented Mar 13, 2024 • edited Loading

esmailbenmoussa commented Mar 18, 2024

FancyLobster commented Mar 22, 2024

rocalex commented Mar 23, 2024

Danu-rxone commented Mar 24, 2024

FancyLobster commented Mar 25, 2024

bmg817 commented Apr 21, 2024

JeffGuKang commented Apr 22, 2024

ReiDx commented May 1, 2024

dannybit commented May 5, 2024

voxlz commented May 9, 2024

rodrigodiasf1984 commented May 14, 2024

FancyLobster commented May 14, 2024

colaquecez commented May 18, 2024 • edited Loading

emilje commented May 26, 2024

hoangphucnst commented Jun 6, 2024

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

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

bryanltobing commented Aug 28, 2023 •

edited

Loading

hwangJi-dev commented Nov 7, 2023 •

edited

Loading

xaiamov commented Nov 8, 2023 •

edited

Loading

Ero-pixel commented Nov 12, 2023 •

edited

Loading

MariuzM commented Feb 15, 2024 •

edited

Loading

therbta commented Mar 13, 2024 •

edited

Loading

colaquecez commented May 18, 2024 •

edited

Loading