Nativescript-ui-feedback: iOS: incorrect item sizes with horizontal RadListView (>= 3.5.10)

Created on 18 Jul 2018 · 2Comments · Source: ProgressNS/nativescript-ui-feedback

Did you verify this is a real problem by searching the NativeScript Forum?

_Yes_

Tell us about the problem

Our horizontal RadListView does not work properly on iOS anymore since the latest version (3.5.10), as the items have a wrong itemWidth (or they are overlapping each other?):

screen shot 2018-07-18 at 15 51 13

This is what I am doing:

<lv:RadListView
                height="50"
                items="{{ myItems }}"
                itemLoading="onItemLoading">
            <lv:RadListView.listViewLayout>
                <lv:ListViewLinearLayout scrollDirection="Horizontal"/>
            </lv:RadListView.listViewLayout>
            <lv:RadListView.itemTemplate>
                <StackLayout orientation="horizontal">
                    <Button text="{{ name }}" color="yellow" backgroundColor="blue" margin="5" ios:borderRadius="5"/>
                </StackLayout>
            </lv:RadListView.itemTemplate>
</lv:RadListView>

myItems: new observableArrayModule.ObservableArray([
        { id: "1", name: "Item 1"},
        { id: "2", name: "Second item"},
        { id: "3", name: "Item No 3"},
        { id: "4", name: "A very long item"},
        { id: "5", name: "Item 5"}
])

Note, that this issue does not occur, when the button texts are hardcoded in the xml (without any binding to the name property).

The issue also did not occur on previous RadListView version:
screen shot 2018-07-18 at 16 15 32