如何解决水平 StackLayout 中的 ListView - Nativescript Vue
我是使用 Vue 的 Nativescript 新手,我正在尝试在水平方向的 StackLayout 中使用 ListView 显示项目列表。
我期望的是,由于 StackLayout,ListView 将循环的三个元素将显示在同一行上。
相反,这三个元素显示在不同的行上。
看看这个游乐场:https://play.nativescript.org/?template=play-vue&id=cHwk9f
如何在同一行(作为按钮)显示所有项目?
感谢您的帮助! :)
解决方法
ListView
目前不支持水平方向。
如果您仍然想要一个 RadListView
行为,您可以使用 ListView
,尤其是当您想要显示很多项目时。
ns plugin add nativescript-ui-listview
<RadListView scrollOrientation="horizontal>
...
</RadListView>
更多关于here
如果您不想在 ListView
中显示很多项目,您也可以选择 ScrollView
和 StackLayout
:
<ScrollView orientation="horizontal">
<StackLayout orientation="horizontal">
<!-- your item templates goes here maybe in a v-for -->
</StackLayout>
</ScrollView>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。