Блог

Я использую react native и пытаюсь создать изображение, которое составляет фиксированный процент от ширины экрана. Однако это изображение также должно быть квадратным. Обычно при создании квадратного изображения я бы просто написал это в стиле для изображения:

 image: {
    width: 200,
    height: 200,
  },
 

Что позволило бы создать изображение 200 х 200. Я попытался использовать проценты, подобные этому:

 image: {
    width: 50%,
    height: 50%,
},
 

Однако это, очевидно, приведет к масштабированию изображения как по ширине, так и по высоте. Как я могу сделать изображение размером x на x, где x-это процент от ширины экрана. Например, если экран имеет ширину 400 пикселей, мне нужно изображение размером 200 на 200.

вы можете использовать размеры для расчета размера изображения

 const _width  = Dimensions.get('screen').width * 0.5
 

затем используйте

 image: {
    width: _width,
    height: _width,
  },