Images have margin when added to Layout

[manijak]

When I add Image(s) to any Layout (tested on Stack and Grid), the images is added with margins on the left and right side (around 5 px on each side). Isn't it supposed to fill the width of the container and keep aspect? I tried also with stretch="AspectFill" same result.

But as soon as I set a specific height to the image, the margins are gone.

[vchimev]

@manijak, is this on iOS, Android or both? Could you please elaborate a little bit more on how to reproduce this and also make sure there is no unexpected css applied?

Here is my page:

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded">
  <StackLayout>
    <Image src="~/red.png" />
  </StackLayout>
</Page>

[manijak]

It's true, it does not happen everywhere. I tried adding some other images to the same view & container, and they fit as they should. I think it's a resize/aspect issue with some images.

The difference between images were the sizes. The images I have problems with are "banners" with a specific size of around: 994x172.

So there are no margins to be accurate, but there is some space on the left & right, so that the image does not fill the width.

[vchimev]

@manijak, I tried the following specific image sizes: 1000x200, 998x199. 996x198, 994x197, 992x196 and with some of them I reproduced the issue. It is both on Android and iOS.

[hamorphis]

Sample app: https://github.com/hamorphis/issue-1425

[hamorphis]

Android screenshot:

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.