Nativescript-vue中的ListView滚动缓慢

Posted 2023-04-14

【中文标题】Nativescript-vue中的ListView滚动缓慢

【英文标题】：ListView in nativescript-vue slow to scroll

【发布时间】：2019-06-19 06:57:13

【问题描述】：

滚动时列表视图很慢。它触到底部并反弹，就像它已经用完了要显示的项目一样。如果您重试，它可以让您进一步滚动。在备份列表的过程中也会发生同样的事情。

我使用 vuex getter 加载了只有 40 个项目的数组。

computed: 
    history () 
        return this.$store.getters.allHistory;
    
,

那么ListView就是简单的

<ListView ref="listView" for="item in history">
    <v-template>
        <StackLayout  padding="10">
            <Label :text="item.title" textWrap="true"></Label>
        </StackLayout>/>
    </v-template>
</ListView>

【问题讨论】：

</StackLayout>/> 出现错误。另外，尝试删除textWrap='true' 进行测试。它应该可以工作。我有一个<ListView>，其中包含数百个可以完美运行的可变高度元素。

谢谢，但没有区别

【参考方案1】：

删除固定的高度和填充似乎修复了。这是有效的......

<ListView ref="listView" for="item in history">
    <v-template>
        <GridLayout columns="auto,*" rows="auto, auto" margin="10">
            <Image v-show="item.poster_url.length > 0" :src="item.poster_url" marginRight="5"
                   stretch="aspectFill"  borderRadius="5"></Image>
            <StackLayout col="1" row="0" rowSpan="2">
                <Label :text="item.title" textWrap="true"></Label>
            </StackLayout>
        </GridLayout>
    </v-template>
</ListView>