Как создать сетку в реагировать на нативную функцию карты? - PullRequest
1 голос
/ 30 марта 2020

Я хочу создать сетку 4 * 5. создавая это, я могу обернуть вид с flexDirection:"row" с каждыми 4 видами. Но я отрисовываю это с помощью функции карты.

<View style={{ alignItems: "center" }}>
  {this.props.color.primary.map((color) => {
    return <View key={color.key} style={[styles.color, { backgroundColor: color.code }]} />
  })}
</View>

Мне нужно обернуть внутренний вид View style={{flexDirection:"row"}} после каждого 4 вида. Как этого добиться. Или еще есть какое-то решение для достижения этой цели?

1 Ответ

1 голос
/ 30 марта 2020

Попробуйте использовать React Natives Flatlist. Каждый элемент из массива отображается очень эффективно, и вы можете настроить его под свои нужды. https://reactnative.dev/docs/flatlist

...