reactjs 如何让Instagram的图片布局在React原生

k3bvogb1  于 2022-11-29  发布在  React
关注(0)|答案(1)|浏览(111)

enter image description here搜索屏幕上的Instagram图片布局与不同高度和宽度的图片

gajydyqb

gajydyqb1#

您应该使用FlatList。每个FlatList项将由5个预先准备的视图组成。您应该从此https://reactnative.dev/docs/flatlist开始
@BeginnerProgrammer每个FlatList项将由5个包含图像的容器组成。如果FlatList项只有4个图像-项的结构将相同。
所以提要数据不应该是数组,它应该是多维数组。
例如:所有索引为奇数的项目(数组)将具有预设结构,全高图像位于容器的右侧。所有索引为偶数的项目(数组)将具有预设结构,全高图像位于容器的左侧
类似于图片上的内容。x1c 0d1x

相关问题