2列のフラットリストがあります。私が達成したいのは、アイテムが1番の場合、2つのアイテムの高さが含まれている必要があるということです。私はこれを達成することができますが、問題は、リストの 3 番目の項目がその場所に収まらず、1 列目の下にあることです。ただし、2列目の下にある必要があります。2列目の下の場所は空のままです
const renderItem = ({item}) => {
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>
);
};