Pinterest风格的网格布局

Question

我有一个不同高度（相同宽度）的项目列表，我正在尝试实现一个响应式网格，该网格将处理项目的高度差异。当一个组件被点击时，它会变高以显示更多信息。

我现在正在使用此库：https://github.com/xudafeng/autoresponsive-react-native但它需要固定的宽度和高度，但对于其中一些项目，在渲染之前无法知道它们的高度。

有没有其他图书馆可以满足我的需求，或者我可以做些什么来让目前的图书馆发挥作用？

我已经尝试了很多东西，但它总是更新我需要的信息（例如，高度将是70，我什么都没有，点击元素是250，我有70，…）。

Answer 1

您应该使用这个组件。有一篇关于它的帖子。