【问题标题】: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()}

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

【问题讨论】:

标签: 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
    猜你喜欢
    • 2016-04-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-13
    • 1970-01-01
    • 2011-01-18
    • 2015-02-19
    • 1970-01-01
    相关资源
    最近更新 更多