listview - 水平 StackLayout 中的 ListView - Nativescript Vue

Question

我是使用 Vue 的 Nativescript 的新手，我正在尝试在具有水平方向的 StackLayout 中显示带有 ListView 的项目列表。

我期望 ListView 将循环的三个元素将显示在同一行，这要归功于 StackLayout。

相反，这三个元素显示在不同的行上。

看到这个游乐场：https ://play.nativescript.org/?template=play-vue&id=cHwk9f

如何在同一行显示所有项目（作为按钮）？

感谢您的帮助！:)

Answer 1

ListView目前不支持水平方向。

RadListView如果您仍然想要一个行为，您可以使用ListView，特别是如果您有很多要显示的项目。

ns plugin add nativescript-ui-listview

 <RadListView scrollOrientation="horizontal>
  ...
</RadListView>

更多关于这里

如果您不想在 中显示很多项目，则ListView可以选择使用 aScrollView和 a StackLayout：

<ScrollView orientation="horizontal">
  <StackLayout orientation="horizontal">
     <!-- your item templates goes here maybe in a v-for -->
  </StackLayout>
</ScrollView>