首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >RadListView StaggeredLayout问题

RadListView StaggeredLayout问题
EN

Stack Overflow用户
提问于 2018-10-15 23:08:14
回答 1查看 133关注 0票数 0

我有一个Nativescript角项目,我正在使用RadListView尝试使用交错布局。它在Android上运行得很好,但是在iOS上存在一个间隔问题,我不知道是什么原因造成的。

代码语言:javascript
复制
<GridLayout class="page page-content" rows="*">
        <GridLayout margin="10">
                <RadListView height="100%" [items]="dataItems">
                        <ng-template tkListItemTemplate let-item="item" backgroundColor="transparent">
                                <StackLayout rows="auto, auto" borderWidth="1" borderColor="#ccc" margin="10">
                                        <Label class="h3" [text]="item.name"></Label>
                                        <Label class="descriptionLabel" [text]="item.description" textWrap="true"></Label>
                                </StackLayout>
                        </ng-template>
                        <ListViewStaggeredLayout tkListViewLayout scrollDirection="Vertical" spanCount="2"></ListViewStaggeredLayout>
                </RadListView>
        </GridLayout>
</GridLayout>

TypeScript

代码语言:javascript
复制
dataItems = [{name: "Item 1", description: "Lorem ipsum dolor sit amet."},
                 {name: "Item 2", description: "Maecenas ac massa eu odio porta efficitur at non leo"}, 
                 {name: "Item 3", description: "Nunc vitae tortor sodales, varius magna quis, faucibus justo."},
                 {name: "Item 4", description: "In finibus sem"},
                 {name: "Item 5", description: "Duis sed sem porttitor"}, 
                 {name: "Item 6", description: "Blandit est vel, viverra nisi."},
                 {name: "Item 7", description: "Etiam at nisl ultricies, consectetur libero non, iaculis est."},
                 {name: "Item 8", description: "Curabitur at lorem"}, 
                 {name: "Item 9", description: "Non lectus tempus congue ultricies eget tellus."},
                 {name: "Item 10", description: "In sed dolor sit amet velit tempus iaculis."},
                 {name: "Item 11", description: "Duis dictum nunc in neque"},
                 {name: "Item 12", description: "Mauris dignissim mi sit amet nulla tristique, id posuere urna volutpat mauris gravida purus."},
                 {name: "Item 13", description: "Etiam accumsan sapien eget eros convallis porttitor."}, 
                 {name: "Item 14", description: "Vivamus ac arcu"},
                 {name: "Item 15", description: "Vestibulum at elit eget sapien fringilla"},
                 {name: "Item 16", description: "Maecenas tempus enim et velit bibendum, eu consequat erat volutpat."}]; 
EN

回答 1

Stack Overflow用户

发布于 2018-10-16 13:19:12

不管有没有额外的GridLayouts,我都无法在我的头上重现这个问题。至少在我看来,这些布局实际上并不是必需的。这是与游乐场的连结

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52825869

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档