Я новичок в Nativescript с Vue, и я пытаюсь отобразить список элементов с помощью ListView в StackLayout с горизонтальной ориентацией.
Я ожидаю, что три элемента, которые будет циклически повторяться ListView, будут отображаться в одной строке благодаря StackLayout.
Вместо этого три элемента отображаются в отдельных строках.
См. Эту площадку: https://play.nativescript.org/?template=play-vue&id=cHwk9f
Как я могу отобразить все элементы в одной строке (в виде кнопок)?
Спасибо вам за помощь! :)
ListView в настоящее время не поддерживает горизонтальную ориентацию.
Вы можете использовать RadListView, если вам все еще нужно ListView поведение, особенно если у вас есть много элементов, которые вы хотите отобразить.
ns plugin add nativescript-ui-listview
<RadListView scrollOrientation="horizontal>
...
</RadListView>
Подробнее об этом здесь
Если у вас не так много элементов, которые вы хотите отобразить внутри ListView, вы можете в качестве альтернативы выбрать ScrollView и StackLayout:
<ScrollView orientation="horizontal">
<StackLayout orientation="horizontal">
<!-- your item templates goes here maybe in a v-for -->
</StackLayout>
</ScrollView>
