Same Code But Different Views in IOS & Android

Ionic Framework ionic-v3
1

Screenshot from 2017-12-04 16-43-29
Screenshot from 2017-12-04 16-43-29.png800×577 83.9 KB

Bottom Buttons are not wieght as expected in Android Device.

Code :

<ion-card>

    <img src="assets/imgs/logo.png"/>

    <ion-card-content>
      <ion-card-title>
        Nine Inch Nails Live
      </ion-card-title>
      <p>
        The most popular industrial group ever, and largely responsible for bringing the music to a mass audience.
      </p>
    </ion-card-content>

    <ion-row no-padding>
      <ion-col>
        <button ion-button clear small color="danger" icon-start>
          <ion-icon name='star'></ion-icon>
          Favorite
        </button>
      </ion-col>
      <ion-col text-center>
        <button ion-button clear small color="danger" icon-start>
          <ion-icon name='musical-notes'></ion-icon>
          Listen
        </button>
      </ion-col>
      <ion-col text-right>
        <button ion-button clear small color="danger" icon-start>
          <ion-icon name='share-alt'></ion-icon>
          Share
        </button>
      </ion-col>
    </ion-row>

  </ion-card>
2

You should follow the proper ionic grid system.

1 of 2 2 of 2 1 of 3 2 of 3 3 of 3
3

I am new to ionic , do you have any link or resources . It might be helpfull for me .

4

Dear you can learn from ionic official link for understanding

1 Like