将视图限制为方形宽高比

Question

我正在使用反应原生的iPhone应用程序，我想要一个视图来填充屏幕宽度并保持方形宽高比。所以高度应该等于宽度。我似乎无法找到实现这一目标的方法。另一个选项是指定特定的宽度和高度，但我没有看到从react-native中查询设备宽度的方法，以允许我这样做。有什么指针吗？

Answer 1

我希望你正在寻找这个...

var Dimensions = require('Dimensions');
var device = Dimensions.get('window');


var styles = StyleSheet.create({
  squareBox: {
    width: device.width,
    height: device.width,
  }
);