React Native：使用动态数量的图像在一行上并排对齐图像

Question

我是 React Native 的新手，我正在尝试实现此视图：

The view I try to implement

我遇到的第一个困难是并排显示小绿圈。

第二个是因为绿色小圆圈的数量不是恒定的...这个数字来自我的API。我想根据 API 发送的号码显示 2 到 6 个绿色小圆圈（请注意，我知道如何从 API 中检索此信息，我的问题是如何实现视图).

非常感谢您的帮助...

Answer 1

根据@HBSKan 的建议，答案是：

<View style={{flexDirection: "row"}}>{this.state.InfoFromApi.logo_tab.map( elem => 
  <Image key={elem.type} style = {styles.logo} source={require('../assets/green_circles.png')} />
)}</View> 

多亏了他！