【问题标题】:How to scroll past the last item in React Native's FlatList?如何滚动过去 React Native 的 FlatList 中的最后一项?
【发布时间】:2020-08-29 10:27:09
【问题描述】:

好的,所以我在 React Native 中有一个水平项目列表。当我一直滚动到列表末尾时,我希望能够有一点空白,所以我想要某种填充。我该怎么做才能只在 FlatList 元素的末尾有一个空格而不影响我的列表项之间的间距?

【问题讨论】:

    标签: javascript reactjs react-native padding react-native-flatlist


    【解决方案1】:

    有两种方法可以实现这一点

    选项 1:

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

    选项 2:

    使用contentContainerStyle 属性进行水平填充,如下所示

    contentContainerStyle={{ paddingHorizontal: <value> }}

    如果这能解决您的问题,请告诉我!

    【讨论】:

      【解决方案2】:

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

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

      【讨论】:

      • 感谢您的快速回答,我注意到我的问题中有一个错字。我的意思是 FlatList,不是 ScrollView,对不起!
      • 编辑了我的答案,请立即查看。如果有帮助请采纳为正确答案
      • 解决了这个问题!谢谢:)
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-03-23
      • 1970-01-01
      • 1970-01-01
      • 2022-11-17
      • 2022-11-30
      • 2018-02-22
      • 1970-01-01
      相关资源
      最近更新 更多