【发布时间】:2020-08-29 10:27:09
【问题描述】:
好的,所以我在 React Native 中有一个水平项目列表。当我一直滚动到列表末尾时,我希望能够有一点空白,所以我想要某种填充。我该怎么做才能只在 FlatList 元素的末尾有一个空格而不影响我的列表项之间的间距?
【问题讨论】:
标签: javascript reactjs react-native padding react-native-flatlist
好的,所以我在 React Native 中有一个水平项目列表。当我一直滚动到列表末尾时,我希望能够有一点空白,所以我想要某种填充。我该怎么做才能只在 FlatList 元素的末尾有一个空格而不影响我的列表项之间的间距?
【问题讨论】:
标签: javascript reactjs react-native padding react-native-flatlist
有两种方法可以实现这一点
选项 1:
循环时,您可以检查最后一个索引并附加一些右边距/填充。
选项 2:
使用contentContainerStyle 属性进行水平填充,如下所示
contentContainerStyle={{ paddingHorizontal: <value> }}
如果这能解决您的问题,请告诉我!
【讨论】:
也许您可以使用contentContainerStyle 为FlatList 设置paddingHorizontal。
<FlatList
contentContainerStyle={{
paddingHorizontal: 20,
paddingVertical: 20,
}}
/>
【讨论】: