当内容到达FlatList内部的边缘时，是否有可能使用flex中断内容到下一行

Question

我是react-native的新手，我试图创建一个组件，并尝试使用FlatList在其上传递道具。但是，FlatList在垂直或水平视图上显示，当视图到达边缘时，我需要在下一行中显示视图。 但是我找不到任何解决方案。

        data={data}
        //Optional
        // horizontal={true}
        // numColumns={4}
        renderItem={({ item }) => (
          <TrendingTopicsDesign image={item.imageuri} title={item.title} />
        )}
        keyExtractor={(item, index) => index.toString()}

我希望我的视图到达边缘时会破裂

Answer 1

您可以在父元素上使用css display:flex然后使用flex-wrap: wrap;，这将迫使子元素移至下一行

Answer 2

您可以将flex-wrap: wrap;的CSS属性与display: flex;属性一起使用，以使子项在到达屏幕边缘时显示在下一行。