Как задать автоматичскую высоту картинок в react-native?

Question

[Lost177]

Цель отобразить картинку на полную ширину экрана , а высота чтобы автоматически получалась.
Но если height не указать , картинка не будет отображаться.

Подскажите , каким способом можно это сделать ?
спасибо за внимание.

Comments

[Lost177]

Решил проблему так , высчитывал пропорции по формуле
Исходная высота * Нужная ширина / Исходная ширина = Нужная высота

Answer 1

[khorark]

Есть несколько способов, в зависимости от того, какого результата Вы ожидаете.

Вы можете:

1) указать высоту в % от родительского элемента;

2) использовать высоту экрана, для статичного размера

import { Dimensions } from 'react-native';

const screenHeight = Dimensions.get('screen').height;

3) Использовать статичный метод getSize для получения высоты и ширины изображения, затем устанавливать его вручную.
Image.getSize(uri, success, [failure]);