можно ли сделать разрыв содержимого на следующую строку с помощью flex, когда содержимое достигает края внутри FlatList

Question

Я новичок в реагирующем языке, и я пытался создать один компонент и попытаться передать ему реквизиты с помощью 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 flex-wrap: wrap; вместе со свойством display: flex; для отображения дочерних элементов на следующей строке, когда они достигают края экрана.

Answer 2

Вы можете использовать css display:flex затем flex-wrap: wrap; на родительском элементе, что приведет к переходу дочернего элемента на следующую строку