【问题标题】:React Native Grid that uses varying item sizes in an overlapping layout?在重叠布局中使用不同项目大小的 React Native Grid?
【发布时间】:2023-01-04 22:55:37
【问题描述】:

我想知道是否有可能在 React Native 中创建某种像这样的网格布局,我在其中交替使用不同的项目大小(为此我们可以保持简单,只是说我们有一个小的中型和大的尺寸全部基于彼此的某种比例)并将它们放置在重叠的网格中?

【问题讨论】:

    标签: reactjs react-native


    【解决方案1】:

    老实说,我一直在尝试自己为自己的项目解决这个问题。我最接近的是用不同的用例修改 react-native-masonry-list 的代码,但我一直在追逐每一个,所以没有什么希望。

    本质上,您是在映射所有内容并检查它是否遵循 i % numColumns === num 的数学模式。本质上(项目索引)模(numColimns)===(当前行/列)。如果前一列有一个应该“跨越”的元素,我试图通过跳过某些数字来改变它,但这绝对是一场噩梦。

    在这一点上,我最好的建议是在有帮助的情况下避免使用它。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-04-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多