Ripple not working with RadListView
Opened this issue · 4 comments
vforv commented
Here is my code:
<RadListView *ngIf="!loading" [items]="menus">
<ng-template tkListItemTemplate let-item="item">
<GridLayout ripple (tap)="onItemTap(item)" class="listItemTemplateGrid">
<Image [src]="item.image" stretch="aspectFill"></Image>
<FrescoDrawee horizontalAlignment="stretch" height="250" [imageUri]="item.image"
verticalAlignment="top"></FrescoDrawee>
<GridLayout verticalAlignment="bottom">
<StackLayout class="labelsStackLayout">
<Label [text]="item.name" textWrap="true"></Label>
</StackLayout>
</GridLayout>
</GridLayout>
</ng-template>
<!-- >> angular-listview-item-layouts-grid -->
<ListViewGridLayout tkListViewLayout scrollDirection="Vertical" ios:itemHeight="200" spanCount="2">
</ListViewGridLayout>
<!-- << angular-listview-item-layouts-grid -->
</RadListView>
It works if I don;t use List
edusperoni commented
Try wrapping the gridlayout in another layout just in case. RLV is annoying to work with...
vforv commented
Agree... Tried with Flexbox and anoter GirdLayout but same result
edusperoni commented
Haven't got the time to address this yet, but this may also be worth the shot: remove the *ngIf
. We use RLV with ripple on one screen. We know that RLV has issues with angular components when you use *ngIf
inside the template, maybe it's the same case here?
Deleted user commented
I have the same issue