React Native: выравнивание изображений рядом на одной строке с динамическим числом изображений c

Question

Я новичок, чтобы реагировать на родную систему, и я пытаюсь реализовать это представление:

Представление, которое я пытаюсь реализовать

Первая трудность, с которой я сталкиваюсь, состоит в том, чтобы показать маленькие зеленые кружочки рядом.

Второе связано с тем, что число маленьких зеленых кружков не является постоянным ... Это число получено из моего API. Я хотел бы показать от 2 до 6 маленьких зеленых кружков в зависимости от числа, отправленного моим API (обратите внимание, что я знаю, как получить эту информацию из моего 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> 

Спасибо ему!