Nativescript 如何在IOS上从listview中删除分隔符行?
我面临的问题是在每个列表项之后删除分隔符行,并且无法更改分隔符行的颜色 我在Listview标记和CSS中尝试了separatorColor=transparent属性,但它们都不起作用。 我也尝试过SeparatorVisibility=None属性,但运气不佳 我尝试过GitHub提供的解决方案,但它不起作用 代码如下: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
<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; }