row height fixed

[waqaramjad]

my row height fixed and unable to change it , i used all the means by CSS and the props you provided ,
it not increasing by the content

here is my code
` {/* */}

<Col size={2}>
<Icon name='flag'/>

</Col>
<Col size={7}>

<Text style={styles.cardRow1Text1}> FRESH PAKISTANI MANGOES {"\n"} <Text style={styles.cardRow1Text2}>Buyer : Erika Foods</Text></Text>
</Col>
</Row>
<Row  style={styles.row2}>

<Col size={styles.row2ColomnSize} style={styles.row2Colomn}>    
 <Icon name='home'/>
<Text style={styles.cardRow2Text1}>Min Quantity: {"\n"} <Text style={styles.cardRow2Text2}>500 kg</Text></Text>

Shipment Type:: {"\n"} FOB

</Col>
<Col size={styles.row2ColomnSize}  style={styles.row2Colomn}>
<Icon name='home'/>
<Text style={styles.cardRow2Text1}>Destination Port: {"\n"} <Text style={styles.cardRow2Text2}>Porto De Santos</Text></Text>

</Col>
<Col size={styles.row2ColomnSize}  style={styles.row2Colomn}>
<Icon name='home'/>
<Text style={styles.cardRow2Text1}>Payment Type: {"\n"} <Text style={styles.cardRow2Text2}>Letter of Credit</Text></Text>

</Col>

</Row>

`