首页 > 解决方案 > RadListView 不使用 NativeScript Angular 2 水平定向

问题描述

我知道我错过了一些小东西。RadListView 未水平定向。我已经尝试了很多东西,但它没有切换。在安卓上测试。请给我一些建议。谢谢

<StackLayout>
    <StackLayout height="400">
        <Label text="Sale Produce" class="h3 title-regular"
            textWrap="true" height="40">
        </Label>
        <lv:RadListView id="salelistView" [items]="saleProducts"
            height="100" orientation="Horizontal">
            <lv:RadListView.listViewLayout>
                <lv:ListViewLinearLayout
                    tkListViewLayout scrollDirection="horizontal"
                    itemHeight="100" itemWidth="150" />
            </lv:RadListView.listViewLayout>
            <ng-template let-item="item">
                <StackLayout orientation="Horizontal" width="180">
                    <GridLayout rows="*,*" columns="1*,1*"
                        class="list-item-regular">
                        <Image row="0" col="0" rowSpan="2"
                            src="{{'https...net'+item.image}}"
                            stretch="aspectFill"></Image>
                        <Label row="0" col="1" text="{{ item.name }}"
                            class="h3 date-regular" textWrap="true"
                            height="40">  
                        </Label>
                        <Label row="1" col="1"
                            text="{{'R'+item.price+'.00'}}"
                            class="h4 date-regular" textWrap="true"
                            height="30">
                        </Label>
                    </GridLayout>
                </StackLayout>
            </ng-template>
        </lv:RadListView>
    </StackLayout>
</StackLayout>

标签: angularnativescripthorizontal-scrollingradlistview

解决方案


推荐阅读