当内容到达 FlatList 内部的边缘时，是否可以使用 flex 将内容中断到下一行答案

【问题标题】：is it possible to have content break to next line with flex when content reaches edge inside of FlatList当内容到达 FlatList 内部的边缘时，是否可以使用 flex 将内容中断到下一行
【发布时间】：2019-10-23 14:50:18
【问题描述】：

我是 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()}

我希望我的视图到达边缘时会中断

【问题讨论】：

见stackoverflow.com/help/how-to-ask

标签： javascript react-native react-native-android react-native-flatlist

【解决方案1】：

您可以使用flex-wrap: wrap; 的CSS 属性和display: flex; 属性使子项在到达屏幕边缘时出现在下一行。

【讨论】：

【解决方案2】：

您可以在父元素上使用 css display:flex 然后 flex-wrap: wrap; 这将强制子元素到下一行

【讨论】：

我试过了：但还是不行我在反应原生。我应该怎么做？以及如何实现 jsx ？ #Thanks_in_advance