NativeScript: ListView separatorColor property no longer working in 2.5.0

Tell us about the problem

While attempting a test upgrade, I discovered that ListView’s separator color properties no longer work as expected.

Expected Behavior When using separatorColor="transparent", the ListView’s separators don’t show. When using separator-color: transparent in the CSS, the ListViews’s separators don’t show.

Actual Behavior When attempting to set directly on the ListView, it does not work. When attempting to set to transparent in the CSS, an error is thrown.

Which platform(s) does your issue occur on?

Android

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

  • CLI: 2.5.0
  • Cross-platform modules: 2.5.0
  • Platform: 2.5.0

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

You can recreate the issue with the Angular 2 starter tns create TestUpgrade --ng

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

Changing the template to the following

    <ListView [items]="items" class="" separatorColor="transparent">
        <template let-item="item">
            <Label [nsRouterLink]="['/item', item.id]" [text]="item.name"
                class="list-group-item"></Label>
        </template>
    </ListView>

the color remains the same. Changing the CSS

ListView {
 separator-color: transparent;
}

Causes an error to be thrown.

About this issue

  • Original URL
  • State: closed
  • Created 7 years ago
  • Reactions: 3
  • Comments: 16 (5 by maintainers)

Most upvoted comments

Hi, @tsonevn, I did that but its not working. It only works if I set the property in the CSS file, like ListView { separator-color: transparent; }