Hello,
first timer here and new to Ionic
I’m trying to develop a small app for Android WearOS, what I am trying to accomplish is to have a slider (sliding horizontally) taking up the whole screen, and just under it (invinsible at first) a list of entries. When the user slides horizontally, the slider should slide to the next slide, but when the user flicks the finger on the vertical axis, I want the slider to slide completely off the top of the screen and the list to appear in full screen and start being scrollable.
I tried the below but it’s not what I’m trying to do. Firstly the first row containing the slider does not take the full screen and the grid is visible just below it.
<ion-content padding no-bounce>
<ion-grid>
<ion-row item-height="100%">
<ion-col>
<ion-slides>
<ion-slide *ngFor="let x of xxx">
<ion-card>
<ion-card-content>
<img [src]="x.image"/>
<ion-card-title>{{ x.name }}</ion-card-title>
</ion-card-content>
</ion-card>
</ion-slide>
</ion-slides>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-list>
<ion-item *ngFor="let y of yyy">
<ion-avatar item-start>
<img [src]="y.image"/>
</ion-avatar>
<h2>{{ y.name }}</h2>
</ion-item>
</ion-list>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
Any ideas what I can do to have the design i’m after ?
Thanks
Chris