vertikal gestapelte Ansichten mit statischen und dynamischen Höhen - React india

Question

Ich versuche zu acheive, was das Bild unten mit Flexbox repräsentiert mit Ansichten india Reaktion, wenn Sie ein grundlegendes Beispiel dafür haben, das wäre erstaunlich:

Answer 1

Etwas wie folgt aus:

<View style={{ flex: 1, flexDirection: 'column'}}> 
    <View style={{ height: 70, backgroundColor: 'blue' }}> 
    </View> 
    <View style={{ height: 70, backgroundColor: 'green' }}> 
    </View> 
    <View style={{ flex: 1, backgroundColor: 'yellow' }}> 
    </View> 
</View> 

nicht sicher, ob die blauen Linien sind Linien/padding/etc, aber Sie sollten diejenigen hinzufügen in dieser Schale können.