RadListView not switching templates immediately after data updates

[ludcila]

Tell us about the problem

• I have a RadListView with multiple templates
• The template selection is based on an item attribute
• The item attribute is updated in another screen
• When I go back to the screen with the RadListView, I expect the item to be rendered with a different template, but this does not happen until I scroll the list such that the item goes out of sight
• This works as expected using a ListView
• The RadListView used to work as expected in a project with NS 4.2, but changed its behavior after I upgraded to NS 5.4 (I am not a 100% sure it is a problem of the RadListView).
• Calling refresh() works, but is this the expected behavior?

Using ListView (template changed immediately):

Using RadListView (template changes only after re-rendering the item):

Which platform(s) does your issue occur on?

Tested on Android 7.1.1 and 9.

Sample project

https://play.nativescript.org/?template=play-ng&id=IvGDXo&v=3

[tsonevn]

Hi @ludcila, Try to replace the pure JavaScript Array with ObervableArray, provided by tns-core-modules. Check out the example here.

[ludcila]

Hi @tsonevn,

I have updated the sample code to use an ObservableArray but it doesn't seem to make any difference. https://play.nativescript.org/?template=play-ng&id=IvGDXo&v=6