Basic question about ion-row

Ionic Framework ionic-v3
1

Sorry for this basic question but i’m new here:
this is my code:

  <ion-row>
        <ion-img class="pic-logo" src="assets/img/piclogo.png"></ion-img>
  </ion-row>

and i see this:
ion-row-info

The row hight is less the image… why ? whats wrong ?
Thanks for help

2

Try to use:

<ion-row>
  <ion-col>
      <ion-img class="pic-logo" src="assets/img/piclogo.png"></ion-img>
  </ion-col>
</ion-row>
3

Just tried but same result…

4

<ion-img> is only designed for use with virtual scroll.

5

He’s right just take a look here https://ionicframework.com/docs/api/components/img/Img/

Note: ion-img is only meant to be used inside of virtual-scroll

I think that you should use the <img> tag and add some sexy style.

@rapropos thank you i didn’t know this.

1 Like