Javascript 如何在React Native中将数组中的元素样式设置为表

如何在包含4列6行的表的数组中设置24个元素的样式

该数组有如下24个元素：

const words=[“a”、“b”、“c”、“d”、“e”、“f”、“g”、“h”、“i”、“j”、“k”、“l”、“m”、“n”、“o”、“p”、“q”、“r”、“s”、“t”、“u”、“v”、“w”、“x”]

我在渲染方法中将它们映射到：

<View>
  {words.map((word, id) => (
    <View key={id}><Text>{word} </Text></View>
  ))}
</View>

{words.map（（word，id）=>(
{word}
))}

您可以使用一些简单的flex属性：

const styles = StyleSheet.create({
  table: {
    flexWrap: 'wrap',
    flexDirection: 'row'
  },
  cell: {
    flexBasis: '25%',
    flex: 1,
    borderWidth: 1
  }
});

然后：

<View style={styles.table}>
  {words.map((word, id) => (
    <View style={styles.cell} key={id}><Text>{word} </Text></View>
  ))}
</View>

{words.map（（word，id）=>(
{word}
))}

---

首先，您需要将数组分为4个子数组，因此它看起来像

[“a”、“b”、“c”、“d”]、[“e”、“f”、“g”、“h”]…

--您可以使用lodash.chunk来实现这一点。