保持视图大小成比例

Question

我有一个容器View，它的高度是静态的，可以说50：

container: {
  width: '100%',
  height: 50,
}

现在，此容器有一个孩子，通过将其高度设置为，可以占据整个父对象的高度100%：

child: {
  height: 100%,
}

我希望此子元素是理想的正方形，并且宽度会自动与它的高度相同，因此，如果明天我将父元素的高度更改为60，那么子元素的高度会自动增长（由于height: 100%），但是如何设置其宽度以适合自己自动吗？width: 'auto'没有任何效果..

Answer 1

aspectRatio: 1 做到了，就像：

child: {
  height: '100%',
  aspectRatio: 1
}

这样，孩子将始终占据父母身高的100％，并且其宽度将与其身高完全相同。