我有一个包含 2 列的平面列表。我想要实现的是,如果该项目位于 1 号,它应该包含 2 个项目的高度。我能够做到这一点,但问题是列表中的第 3 项不适合它的位置并且位于第 1 列之下。但它应该在第二列。它在第二列下的位置仍然是空的
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>
);
};