Round avatar on the navigation bar for Ionic 2

Ionic Framework ionic-v3
1

Is there an easy way to add a round avatar image from a URL onto Ionic 2 navigation bar (flush right) as a button?

1 Like
2

Try <button ion-button round> or an image with in the css : border-radius and bind some function with (click)=“func()” in the template.

3

Can I put img tag inside the ion-button directive?

4

I have never tried, but i think yes. I know you can design the button with some picture in background.
You can use <img src="..." (click)="func(params)" /> instead of <button>

5

use img has no end directive. So I can not flush it to the right like the button does. But I actually figure out I can put image tag inside a button ion-button tag. So I think this solve the issue. Thanks!