Реагируйте на собственное изображение resizeMode против resizeMethod

Question

В настоящее время я использую RN 41.2, и у меня есть вопросы об изменении размера изображений из URL. Файлы url могут быть довольно большими, обычно около 2000x2000, и я хочу, чтобы они отображались намного меньше, около 25x25.

Существует ли эквивалентный образ iOS-образа для resizeMethod только для Android?

Когда resizeMethod='resize', он изменяет размер большого закодированного изображения перед его декодированием, поэтому изображения отображаются почти сразу в меньшем размере, и это здорово.

Но для iOS я использую resizeMode (содержать, обложка и т. Д.), И он правильно отображает изображение, но для фактического появления изображений всегда требуется немного времени, что вполне понятно, это просто раздражает.

Я что-то здесь упускаю? Кажется, что resizeMode должен делать то же самое, что и resizeMethod, но он явно не делает

Answer 1

Свойство режима изменения размера определяет, как изображение RAW должно быть помещено в его фрейм (обложка, содержать, растягивать, центрировать, повторять) см. https://reactnative.dev/docs/image#resizemode

Кроме того, для Android мы можем выбрать механизм, который следует использовать для изменения размера изображения: масштабирование, изменение размера или автоматическая ссылка https://reactnative.dev/docs/image#resizemethod-android

в основном resizeMode указывает, как изменить размер изображения, а метод resizemethod определяет, какой механизм использовать для изменения размера

Это предоставляется, поскольку в Android существуют некоторые проблемы, когда размер кадра и размер изображения RAW значительно различаются (слишком большое изображение: слишком маленький кадр или слишком маленькое изображение и слишком большой кадр), и при рендеринге в автоматическом режиме могут быть значительные задержки или сбои в дизайне. выбор механизма изменения размера не является оптимальным. В большинстве случаев вы можете избежать установки resizeMethod вручную (по умолчанию - auto), но это вызывает проблемы в вышеупомянутых сценариях.

Answer 2

resizeMode и resizeMethod - это 2 свойства, которые компонент Image имеет в RN. resizeMode: определяет, как изменить размер изображения, если кадр не соответствует необработанным размерам изображения. Может принимать укрытие, содержать, растягивать как значения.

resizeMethod: может использоваться для изменения размера изображения, когда размеры изображения отличаются от размеров представления изображения. Это может принять авто, изменить размер, масштабировать как значения.

Для получения дополнительной информации вы можете обратиться к https://facebook.github.io/react-native/docs/image.html