javascript - 当内容到达 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()}

我希望我的观点在到达边缘时会出现中断

标签： javascriptreact-nativereact-native-androidreact-native-flatlist

Answer 1

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