Как показать ширину и высоту изображения в React Native

как я могу показать ширину и высоту изображения, я использую этот синтаксис:

const width = Image.getSize(imag, (width, height)=>JSON.stringify(width));

теперь, если я alert({width}), он показывает объект Object, но если я помещаю предупреждение в функцию getSize, он отображает значение следующим образом:

Image.getSize(imag, (width, height)=>{alert(JSON.stringify(width))});

Я хочу сохранить значение в переменной, как в моем первом примере, а затем получить к ней доступ, это функциональный компонент, а не setState, не могли бы вы помочь

Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
1
0
1 274
1

Ответы 1

Вам нужно будет установить переменную в обратном вызове success.

let width = null;

Image.getSize(image, (imageWidth) => {
  width = imageWidth;
  alert("Width", width);
});

В документации указано:

This method can fail if the image cannot be found, or fails to download.

Вы также можете попробовать использовать resolveAssetSource

const { width } = Image.resolveAssetSource(image);
alert(width);

Спасибо за помощь, Дэн, но теперь в предупреждении отображается значение null, которое я сделал: let width = null; Image.getSize (imag, (imageWidth) => {width = imageWidth;}); предупреждение (ширина);

findAffs 17.12.2018 13:16

@findAffs Я обновил ответ. Кроме того, какова ценность image?

Dan 17.12.2018 13:20

Попробуйте const { width } = Image.resolveAssetSource({ uri: 'https://i.imgur.com/ws55P6a.jpg' });

Dan 17.12.2018 13:23

в этом последнем примере вы дали мне "неоткрытые" предупреждения, а затем я добавил {} к ширине предупреждений [объект Ojbect], кстати, я тестирую эмулятор Android, IMAC, "react-native": "0.57.7"

findAffs 17.12.2018 13:28

Другие вопросы по теме