Wie kann die Höhe der Ansicht basierend auf ihrer Breite dynamisch eingestellt werden, indem das Seitenverhältnis beibehalten wird?

Ich möchte eine Ansicht, deren Breite auf die Breite des Containers reagiert, während das Seitenverhältnis beibehalten wird. Ich möchte nicht die Breite oder Höhe des Codes festhalten, sondern ihn dynamisch und reaktionsschnell halten, damit er in mehreren Situationen als wiederverwendbare Komponente wiederverwendet werden kann.

Ich hoffe, es funktioniert ähnlich wie der folgende Code:

<View style={{
  alignSelf: 'stretch',
  aspectRatio: 1.5
}} />

Es sollte die Breite seines Containers ausfüllen und seine eigene Höhe dynamisch basierend auf seiner Breite festlegen.

Ist das bei Flexbox möglich?

Antworten auf die Frage(4)

Ihre Antwort auf die Frage