0

我有一个包含 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>
    );
};

图片供参考

4

0 回答 0