Как удалить разделительную линию из списка на IOS?

Я столкнулся с проблемой удаления разделительной линии после каждого элемента списка и не могу изменить цвет разделительной линии.

Я пробовал использовать свойство separatorColor = "transparent" в теге Listview и в CSS, но оба они не работают. Я также пробовал свойство 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>

nativescript nativescript-angular
person Mahima Jain    schedule 14.08.2019    source источник
comment
На моей стороне встроенное свойство отлично работает play.nativescript.org/?template = play-ng & id = WIdwdA & v = 2   -  person Nick Iliev    schedule 14.08.2019

Ответы (2)


arrow_upward
5
arrow_downward

Я создал изолированный пример с установкой прозрачности для цвета-разделителя в CSS. и у меня отлично работает в iOS. Обратите внимание на правило ListView в app.css.

Он работает одинаково хорошо, если вы удалите правило CSS и установите separatorColor="transparent" для объекта ListView в home.component.html.

person anthares    schedule 14.08.2019
comment
Спасибо, но я пробовал оба способа, но у меня ничего не вышло. - person Mahima Jain; 02.09.2019

arrow_upward
0
arrow_downward

Добавьте следующую строку в свой _app-common.scss файл

  ListView { separator-color: transparent; }

Кроме того, при создании ListView используйте class = "list-group"

person Prabhas Kumra    schedule 06.05.2021