如何在 Compose 中制作这个不均匀的网格？

Question

我一直很喜欢深入研究 Jetpack Compose。在这里，我使用行、列和间隔来构建这个屏幕截图。有没有更合适的 Composable 我应该尝试？

我无法让 LazyVerticalGrid 将水母放置在它的位置。它想把它放在黑狗下面的左边，留下一个空白，把棕色狗推到自己的线上。

我还尝试了Accompanist's FlowRow，它绘制了与 LazyVerticalGrid 相同的排列方式。也可能我对两者的 API 都不够熟悉。

稍后我想学习拖放以重新排序项目。在设置此小部件以使生活更轻松时是否需要考虑？在我的脑海中，这些单独的行和列似乎会妨碍我，但也许它没有任何意义。

感谢您的任何见解！

Answer 1

我创建了一个自定义的Layout，它允许测量和放置内容。 ??

Answer 2

Google jetpack compose 路径有关于自定义布局的课程，但我认为您可以使用 Lazy Grid，它可以轻松使用网格。

Link android developers Lazy Grids 如果您单击lazy vertical grid 链接，您会看到您可以拥有多行带有different modifiers and number of grid cells 的项目。

我很想给你一个可行的例子，所以我可能会很快编辑它。