Nativescript 如何在IOS上从listview中删除分隔符行?

Nativescript 如何在IOS上从listview中删除分隔符行?,nativescript,nativescript-angular,Nativescript,Nativescript Angular,我面临的问题是在每个列表项之后删除分隔符行,并且无法更改分隔符行的颜色 我在Listview标记和CSS中尝试了separatorColor=transparent属性,但它们都不起作用。 我也尝试过SeparatorVisibility=None属性,但运气不佳 我尝试过GitHub提供的解决方案,但它不起作用 代码如下: <GridLayout row="1" class="shop-list-container"> <ListView [items]="rewar

我面临的问题是在每个列表项之后删除分隔符行,并且无法更改分隔符行的颜色

我在Listview标记和CSS中尝试了separatorColor=transparent属性,但它们都不起作用。 我也尝试过SeparatorVisibility=None属性,但运气不佳

我尝试过GitHub提供的解决方案,但它不起作用

代码如下:

<GridLayout row="1" class="shop-list-container">
    <ListView [items]="rewardsPageData?.shops" class="list-group"  height="{{rewardsPageData?.shops?.length * 75}}" separatorColor="transparent">
        <ng-template let-shop="item">
            <GridLayout class="shop-item list-group-item" columns="2*, 6*, 2*" rows="*, auto" (tap)="goToShopDetails(shop.id)">
                <Image src="{{shop.logoImageUrl}}" class="thumb img-circle" col="0" row="0" rowSpan="2" horizontalAlignment="left"></Image>
                <Label class="shop-name" [text]="shop.title" row="0" col="1"></Label>
                <Label class="shop-type" text="{{shop?.category}}" row="1" col="1"></Label>
                <Label text="See location" class="see-location-text" textWrap="true" col="2" row="0" rowSpan="2" horizontalAlignment="right"></Label>
            </GridLayout>
        </ng-template>
    </ListView>
</GridLayout>
我在CSS中将分隔符颜色设置为透明,在iOS中效果很好。请注意app.css中的ListView规则

如果您删除CSS规则并在home.component.html中将separatorColor=transparent设置为ListView对象,它同样可以正常工作。

我在CSS中将separator color设置为transparent,并在iOS中正常工作。请注意app.css中的ListView规则


如果您删除CSS规则并在home.component.html中将separatorColor=transparent设置为对ListView对象透明,则同样有效。

在您的app-common.scss文件中添加以下行


另外,在创建ListView时,使用class=list group在_app-common.scss文件中添加以下行


另外,在创建ListView时,请在我这边使用class=list group

内联属性在我这边工作得很好内联属性工作得很好谢谢,但是我已经尝试了两种方法,但都不适用于甲烷,但是我已经尝试了两种方法,但都不适用于我
  ListView { separator-color: transparent; }