【问题标题】:How to set item height equal to FlatList height in react native?如何在本机反应中将项目高度设置为等于 FlatList 高度?
【发布时间】:2020-09-21 05:13:29
【问题描述】:

我有一个启用分页的垂直平面列表。我想让每个项目都覆盖平面列表的高度。

【问题讨论】:

  • 尝试在作为 flatList 的 renderItem props 传递的函数返回的组件中添加样式。您可以使用dimension API 计算列表的宽度和高度。
  • 显示图片或添加您的代码以供参考。
  • 那行不通。例如,将项目高度设为 600 并不适合高度为 600 的平面列表。

标签: react-native react-native-flatlist


【解决方案1】:

可以指定每个渲染项的高度为窗口高度

height : Dimensions.get('window').height

【讨论】:

  • 那行不通。例如,将项目高度设为 600 并不完全适合高度为 600 的平面列表。
【解决方案2】:

为 Flatlist 设置 flexGrow:0 为我解决了这个问题!谢谢大家

【讨论】:

    【解决方案3】:

    我正在使用 ScrollView Horizo​​ntal。对我来说,固定设置高度:项目列表的 100%。

    before fixed after fixed

    【讨论】:

      猜你喜欢
      • 2017-11-14
      • 2017-01-30
      • 2020-03-03
      • 2016-07-04
      • 2021-08-10
      • 2016-08-09
      • 2020-06-11
      • 2014-12-31
      • 2021-10-08
      相关资源
      最近更新 更多