В по-голямата си част „компонентът“ Image на React Native обработва кеширането на изображения по същия начин, както правят браузърите. Ако сървърът връща правилни хедъри за контрол на кеша за изображения, обикновено ще получите нещо като вградено поведение на кеширане, което бихте имали в „браузър“. Дори толкова много хора са забелязали:

  • Трептене.
  • Кеш пропуски.
  • Нископроизводително зареждане от кеша.
  • Ниска производителност като цяло.

FastImageе алтернатива на Image, която решава тези проблеми.

Характеристика

  • Агресивно кеширане на изображения.
  • Добавете заглавки за оторизация.
  • Дайте приоритет на изображенията.
  • Предварително зареждане на изображения.
  • GIF поддръжка.
  • Радиус на границата.

Използване
Забележка: За да използвате най-новата версия на react-native-fast-image, трябва да използвате React Native 0.60 .0 или по-висока.

yarn add react-native-fast-image
cd ios && pod install
import FastImage from 'react-native-fast-image'
const YourImage = () => (
<FastImage
style={{ width: 200, height: 200 }}
source={{
uri: 'https://unsplash.it/400/400?image=1',
headers: { Authorization: 'someAuthToken' },
priority: FastImage.priority.normal,
}}
resizeMode={FastImage.resizeMode.contain}
/>
)

Webner Solutions е компания за разработка на софтуер, фокусирана върху разработването на системи за управление на застрахователни агенции, системи за управление на обучението и приложения на Salesforce. Свържете се с нас на [email protected] за вашите приложения за застраховане, електронно обучение и Salesforce.

Първоначално публикувано на адрес https://blog.webnersolutions.com на 28 септември 2021 г.