Question

我有一个类似的模板组件（页面）：

<template>
 <Page class="page" v-if="showDisplay">
  <ActionBar class="action-bar" title="Resultsiiii"/>
  <StackLayout v-if="posts">
    <Label :text="code"></Label>
    <Label v-if="posts.product_name" :text="posts.product_name" />
    <Image :src="posts.image_thumb_url" stretch="none" />
    <Label :text="posts.ingredients_text_fr" class="list-group-item-text" textWrap="true"></Label>
   <Label :text="ingredientsList[0]"></Label>
    <StackLayout backgroundColor="#3c495e">
      <Label v-for="(item, i) in ingredientsList" :key="i" :text="item" height="70" backgroundColor="#43b883"/>
    </StackLayout>
  </StackLayout>
    <StackLayout v-else>
      <Label text="No infos about this product"></Label>
    </StackLayout>
  </Page>
</template>

在我对IngredientsList的循环中，我只有一个问题显示在前十位，我无法向下滚动以查看其他人。有没有办法获得滚动？

Answer 1

Oups（rtfm）实际上实际上是为此目的而完成的scrollview元素：https://nativescript-vue.org/en/docs/elements/components/scroll-view/

滚动到nativescript-vue应用的页面

1 个答案: