React Native Flatlist, как показать 2 строки как один столбец
У меня есть плоский список с 2 столбцами. Я хочу добиться, чтобы если элемент был под номером 1, он должен содержать высоту 2 элемента. Я могу добиться этого, но проблема в том, что 3-й элемент в списке не подходит на свое место и находится под 1-м столбцом. Но это должно быть под 2-м столбцом. Его место под 2-м столбцом остается пустым.
if (item === 1) {
return (
<View
style={{height: 200, width: 150, backgroundColor: 'red', margin: 5}}>
<Text>ABC</Text>
</View>
);
}
return (
<View
style={{height: 100, width: 150, backgroundColor: 'red', margin: 5}}>
<Text>ABC</Text>
</View>
);
};[![Image for reference][1]][1]
[1]: https://stackru.com/images/c7ca6244b4a94ac551476f8f0ad98968f5f549e1.png