平面列表中的动态列数

Question

在 React Native 中，我需要创建一个包含多个项目的列表，但文本的长度不同。因此，我无法确定单行中可以包含多少个项目。我需要计算一行中可以包含多少个项目并显示它。如下图第7行所示，它只能包含2个项目，所以我需要在下一行显示第3个项目。我怎样才能做到这一点？

Answer 1

您可以尝试使用地图功能创建列表：

<View style={{ flexDirection: "row", flexWrap: "wrap" }}>
  {Data?.map((i, j) => <YourComponent key={j} />)}
</View>