Skip to content
Use SDWebImage inside the react-native Image pipeline!
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
.github
.vscode
ios
src
.editorconfig use typescript May 11, 2019
.gitattributes
.gitignore
.npmignore use typescript May 11, 2019
.prettierignore
LICENSE
README.md
RNImageLoader.podspec
package.json
tsconfig.json
tsconfig.module.json
tslint.json use typescript May 11, 2019
yarn.lock

README.md

react-native-image-loader-plugin

This is a proof-of-concept approach for improving React Native's Image component - currently iOS only. Once added, react-native will start using SDWebImage's decoders, caches, and network capabilities!

This can lead to better performances in Image-heavy react-native apps, you can check some early benchmarks over on this twitter thread.

Getting started

yarn add react-native-image-loader-plugin or npm install react-native-image-loader-plugin --save

Mostly automatic installation

react-native link react-native-image-loader-plugin

Manual installation

iOS

  1. In XCode, in the project navigator, right click LibrariesAdd Files to [your project's name]
  2. Go to node_modulesreact-native-image-loader-plugin and add RNWebImageLoader.xcodeproj
  3. In XCode, in the project navigator, select your project. Add libRNWebImageLoader.a to your project's Build PhasesLink Binary With Libraries
  4. Run your project (Cmd+R)<
You can’t perform that action at this time.