<ListView> is very slow comparing to NS Core

Version

2.4.0

Reproduction link

https://play.nativescript.org/?template=play-vue&id=KhyRrD

Platform and OS info

iOS 12/13, Android 8/9, NS Playground

Steps to reproduce

Open the playground https://play.nativescript.org/?template=play-vue&id=KhyRrD.

This project has 2 listviews linked to the same dataset. The one on the right is more complex because it uses different <v-template> and a <GridLayout> for some cells.

Notice that the list view is sluggish, especially the right one.

What is expected?

The ListView should scroll smoothly.

I created an NS Core project with the same dataset and the same UI here: https://play.nativescript.org/?template=play-tsc&id=KkPYYX.

See how smooth it scrolls!

What is actually happening?

On NS-Vue, the ListView scroll is very sluggish compared to the NS Core ListView.

I tested on both Android and iOS devices. The same thing happens: NS Core is smooth, NS-Vue is slow.

---

The NS-Vue wrapper is doing something that kills the ListView performance. I will start looking at this issue, but I think I’ll need the experts on this one.

[tralves]

thank you for the test, @shirakaba! You are right, it works fine on React NS…

(I secretly wished it didn’t because Vue is bae and then there would be more people looking into it 😛)

[tralves]

Thanks to everyone here helping me turning to the right direction. Peeking at @shirakaba’s React implementation was key, though!