Kursbuch

5.5. Flexbox – Elemente anordnen

 Flexbox – Elemente anordnen

Mit Flexbox können Sie steuern, wie Elemente auf dem Bildschirm angeordnet sind – z. B. nebeneinander oder untereinander.

Beispiel:

<View style={{
  flexDirection: 'row',
  justifyContent: 'space-between'
}}>
  <Text>A</Text>
  <Text>B</Text>
</View>

 Tipp:

• flexDirection: 'row' → Elemente nebeneinander
• flexDirection: 'column' → Elemente untereinander

 Merksatz:

Flexbox hilft, Ordnung auf dem Bildschirm zu schaffen.