Como definir dinamicamente a altura da visão com base em sua largura, mantendo a proporção?

Eu quero ter uma visão cuja largura seja responsiva à largura do contêiner, mantendo sua proporção. Não quero codificar a largura ou a altura, mas mantenha-o dinâmico e responsivo para que possa ser reutilizado em várias situações como um componente reutilizável.

Espero que funcione de maneira semelhante ao seguinte código:

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

Ele deve preencher a largura do contêiner e definir sua própria altura dinamicamente, com base em sua largura.

Isso é possível no react-native com flexbox?

questionAnswers(2)

yourAnswerToTheQuestion