React-native-swipe-list-view: Sending "onAnimatedValueUpdate" with no listeners registered.

[lixuanle]

Describe the bug
On some occasions, React Native will spit this warning out: Sending "onAnimatedValueUpdate" with no listeners registered.

To Reproduce
Usually happens after you remove a row, happens occasionally in the Example when you switch Lists without swiping.

Screenshots

Environment (please complete the following information):

• OS: iOS
• RNSLV Version: 1.5.8 and 2.1.2
• RN Version: 0.60.3 and 0.61.4

[lixuanle]

Any update on this?

Just wondering if this warning can/will cause performance issues? As far as I know, everything is still working as intended its just react native giving me this warning.

Thanks!

EDIT: Warning does not appear while using SwipeRow, only during the SwipeListView.

[jemise111]

Hey @lixuanle, thanks for reporting and sorry for the delay - you're right this is an issue but I don't think there's much I can do about it. I've double checked and every listener that is added to the SwipeRow is removed on componentWillUnmount.

I'm guessing if a SwipeRow is animating while it is unmounting (like in the cases you described) than there will be a few pixels of animation where the event is fired before the listener is removed.

As long as you're not seeing actual performance problems and as long as the warning doesn't persist on subsequent row swipes I don't think this will be an issue. Can you confirm those things? Thanks!

[lixuanle]

No problem! Thanks for replying. 😁

After a bit more testing, the warning actually fires on rare occasions when using SwipeRow as well.

As far as performance problems, I haven't seen any issues currently since it only fires the warning once per swipe and when the row is removed it doesn't continue to send the same warning.

SwipeListView however, when switching to a screen that renders out the list, the warning may fire a few times without even interacting with the rows as seen in the example.

[jemise111]

@lixuanle I believe the reason it fires in the example is because there's a preview row swipe running when you switch tabs to the one of the other list views.

Would you possible be able to upload a video of what you're seeing? I'm curious if you're doing some sort of swipe animation while the row is deleting? I'm seeing the warning in some instances but not after a deletion

[lixuanle]

I figured out a way to recreate what I'm seeing fairly consistently when using SwipeRow.

If you try to delete a row after doing swipes in quick succession, it'll fire off the warning. I have 2 implementations of deletion in my own code. One is to click on a button in the back row and the other is to swipe across.

I've uploaded a video here for you to see what I'm talking about.

For example, in the 1st row I am deleting, I swiped halfway and let go to let the row snap back into place and then immediately swiped across all the way and it fired the warning because I made 2 quick swipes.

I think what you mentioned previously about the few pixels of animation is correct. The rows are being deleted before all the listeners have been sent.

[jemise111]

@lixuanle the video was very helpful, thanks! I just tried to add some more code to kill a running animation if the component unmounts and not only did the warnings still show but the UI looked a lot worse.

Given all you've told me I think you're right that there are a few events being fired without registered listeners but since it's always in the case of a row unmounting I'm not really worried about performance issues here.

I'll keep an eye on it and see if others report and performance problems with a similar issue but for now I feel comfortable closing this and saying it's a non-issue.

If you want to ignore the yellowbox warning you can always do so using console.ignoredYellowBox.

Does that sound okay?

[lixuanle]

Yea, as long as performance isn't an issue I have no problems with the warnings. That's all I needed to confirm was that there wouldn't be anything impactful.

Thanks so much for your help! Happy holidays! 😁

[doruxan]

I think I have a problem with this actually.

I'm using rn 0.61.5 and react navigation v5.

when I open a full screen modal with rnv5, and while modal is open, make a request for the items thats placed in SwipeRows and then I come back, I have this yellow warning and TouchableWithoutFeedbacks from react-native-gesture-handler do not respond anymore.

[rickysullivan]

Getting the same issue here during dev mode, I think that in prod mode it's crashing my app.

[perfecten]

I have the same issue

[kenzo23312]

same issue

[flavio0567]

I have the same issue :(

[slolkunchik]

me too (

[ghasemikasra39]

same issue

[IamMasterWayne]

+1
Facing...
Sending onAnimatedValueUpdate with no listeners registered