react-native - React Native：将图像并排对齐在一行上，并具有动态数量的图像

Question

我是本机反应的新手，我正在尝试实现此视图：

我尝试实施的观点

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

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

非常感谢您的帮助...

标签： react-nativeiconsreact-native-flatlistreact-native-listviewreact-native-flexbox

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> 

感谢他！