ListView with rounded items can not show the background of Page

Hi all,

I want to make a ListView and its items is rounded. The round part should show the background of the Page. But I get a round part with White.

xml:

<Page xmlns="http://www.nativescript.org/tns.xsd" backgroundColor="#FF00FF00">
    <ListView items="[[" marginTop="20" backgroundColor="#00000000">
      <ListView.itemTemplate>
          <Label text="AABBCC" verticalAlignment="stretch" backgroundColor="#30000000" style="text-align:center; border-width:1; border-radius:20"/>
      </ListView.itemTemplate>
    </ListView>
</Page>

Result:

How can I set the color of white part to GREEN ?

Regards.

The UITableViewCell in iOS renders the background. You can consider clearing its background using the native background from the itemLoading event:

<Page xmlns="http://www.nativescript.org/tns.xsd" backgroundColor="#FF00FF00">
    <ListView items="[[" marginTop="20" backgroundColor="blue" itemLoading="onItemLoading">
      <ListView.itemTemplate>
          <Label text="AABBCC" verticalAlignment="stretch" />
      </ListView.itemTemplate>
    </ListView>
</Page>

exports.onItemLoading = function(args) {
    args.ios.backgroundColor = UIColor.clearColor();
}

@AllenMeex

@AllenMeex Will this works for you?

@PanayotCankov

Thx, @PanayotCankov , It works!!

It didn't work for me.
but

args.ios.backgroundColor = UIColor.clear

worked for me.

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Navigation Menu

Repository navigation

ListView with rounded items can not show the background of Page #1290

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

ListView with rounded items can not show the background of Page #1290

Description

Activity

PanayotCankov commented on Jan 4, 2016

hshristov commented on Jan 5, 2016

AllenMeex commented on Jan 7, 2016

Freshchris01 commented on Oct 16, 2016

lock commented on Aug 29, 2019

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions