0

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>
    );
};

参考画像

4

0 に答える 0