enter image description here搜索屏幕上的Instagram图片布局与不同高度和宽度的图片
gajydyqb1#
您应该使用FlatList。每个FlatList项将由5个预先准备的视图组成。您应该从此https://reactnative.dev/docs/flatlist开始@BeginnerProgrammer每个FlatList项将由5个包含图像的容器组成。如果FlatList项只有4个图像-项的结构将相同。所以提要数据不应该是数组,它应该是多维数组。例如:所有索引为奇数的项目(数组)将具有预设结构,全高图像位于容器的右侧。所有索引为偶数的项目(数组)将具有预设结构,全高图像位于容器的左侧。类似于图片上的内容。x1c 0d1x
1条答案
按热度按时间gajydyqb1#
您应该使用FlatList。每个FlatList项将由5个预先准备的视图组成。您应该从此https://reactnative.dev/docs/flatlist开始
@BeginnerProgrammer每个FlatList项将由5个包含图像的容器组成。如果FlatList项只有4个图像-项的结构将相同。
所以提要数据不应该是数组,它应该是多维数组。
例如:所有索引为奇数的项目(数组)将具有预设结构,全高图像位于容器的右侧。所有索引为偶数的项目(数组)将具有预设结构,全高图像位于容器的左侧。
类似于图片上的内容。x1c 0d1x