javascript 如何在React Native的FlatList中滚动到最后一个项目？

aor9mmx1 于 2023-08-02 发布在 Java

关注(0)|答案(3)|浏览(132)

好了，我在React Native中有一个水平列表。我希望在滚动到列表末尾的时候，能留有一点白色，所以我希望有某种填充。我该怎么做才能让白色只出现在FlatList元素的末尾，而不影响列表项之间的间距？

3条答案

有两种选择可以实现这一点

选项一：

在循环时，您可以检查最后一个索引并附加一些右边距/填充。

选项二：

使用contentContainerStyle prop添加一些水平填充，类似于下面的内容
contentContainerStyle={{ paddingHorizontal: <value> }}个
让我知道这是否解决了你的问题！

也许您可以使用contentContainerStyle为FlatList设置paddingHorizontal。

<FlatList             
      contentContainerStyle={{
        paddingHorizontal: 20,
        paddingVertical: 20,
      }}         

    />

字符串

我知道你可能已经离开很久了，但是对于未来的搜索者，FlatList有一个ListFooterComponent prop ，可以用来在列表的末尾创建内容。
举例来说：

<FlatList 
  ListFooterComponent={
    <View style={{paddingHorizontal: 20}} />
  }
>
</FlatList>

字符串
...将在FlatList元素的末尾添加一个空的View组件和填充。