Image

[DarrinRobertson]

When placing a Image inside a GridLayout inside of the RadListView template the stretch="aspectFill" proprty does not work and acts like a aspectFit.

Occurs on Android (unable to test on iOS at present) nativescript-ui-listview: "^8.0.1" CLI: 6.2.0 tns-core-modules: 6.2.1 tns-android: 6.2.1

Create a ListView with a GridLayout with multiple columns. Add a image element and have it stretch across mulitple columns using aspectFill.

<lv:RadListView.itemTemplate>
  GridLayout rows="auto, *, auto" columns="auto, *, auto">
    Image row="0" col="0" colSpan="3" src="res://mainpagebackground" stretch="aspectFill" />
    .....
  /GridLayout>
</lv:RadListView.itemTemplate>

There was no issue when on CLI 6.0.1 - It was working as expected with the image filling across all columns. This has only appeared after upgrading to 6.2.0

[NickIliev]

@DarrinRobertson I've tested your case and the aspect fill is working on my side (here is the test project). Note a few things:

• With your example, the image is placed in a grid cell that is auto-sized. I don't have any idea what the parent of that grid is so when testing I've used hardcoded values for the first row/col. Still, the aspectFill value is working in both cases as expected.

• I've removed the @nativescript/theme here as it was overriding some of the RadListView styles and effectively was messing with the stretch property. That said, you should check if some other styles are not chaing your behavour (or if you are using the new theme).

[DarrinRobertson]

@NickIliev Thanks very much for taking the time to look at this. I will look into styles.