RadListView Android: styling issues when manually switching the css theme

[felixkrautschuk]

Tell us about the problem

We offer about 20 different color themes for our app users and we try to switch the app theme using the nativescript-theme plugin.

This works for (nearly) all widgets I used in our app, except for RadListView on Android. Some items get the new styles after switching the theme, but not all and it changes while scrolling.

My observations:

• it works correct on iOS with latest RadListView (nativescript-ui-listview 8.0.1)
• it was working on Android as well using nativescript-ui-listview 7.1.0
• it works correct on Android/iOS using core ListView
• listview.refresh() helpf but is actually not an option for us because
  • user looses current scroll position (lists can get quite long in our real app)
  • user can switch the theme from a SideDrawer menu-item that can be opened from any page

Which platform(s) does your issue occur on?

Android

Please provide the following version numbers that your issue occurs with:

• Progress NativeScript UI plugin version: (nativescript-ui-listview 8.0.1
• CLI: 6.4.1
• Cross-platform modules: @nativescript/core 6.4.2
• Runtime(s): tns-android 6.4.1

Please tell us how to recreate the issue in as much detail as possible.

I am not able to send a sample app, as the app would contain a private plugin from https://proplugins.org/

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

Not possible

We are aware of the @nativescript/theme package and the .ns-light and .ns-dark classes, but switching from light to dark is just a simplified scenario for the demo app provided here. As I already mentioned, the user should be able to choose a theme from a list of about 20 items and this was working fine on a previous version of nativescript-ui-listview, so I hope we can get this already working feature back again on one of the next versions.

[NathanaelA]

Just a quick work around -- Setting the cells background color to transparent; should actually fix the issue.

[felixkrautschuk]

@NathanaelA thanks, indeed this helps. I also noticed that setting the item-selected-background-color property to any color value (except 'transparent') works, even if selection/multiselection is disabled for the RadListView component.