https://github.com/shigebeyond/react-native-web-image

https://github.com/shigebeyond/react-native-web-image

Last synced: about 4 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/shigebeyond/react-native-web-image
• Owner: shigebeyond
• Created: 2015-06-15T08:13:58.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-01-26T08:55:59.000Z (almost 9 years ago)
• Last Synced: 2023-02-26T10:27:13.959Z (over 1 year ago)
• Language: Objective-C
• Size: 60.5 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-native-web-image

##What is it

react-native-web-image is a react native ui component used to render and cache web image, we use another ope-source project  [SDWebImage](https://github.com/rs/SDWebImage) to implement image cache.

##How to use it

1. `npm install react-native-web-image@latest --save`

2. In XCode, in the project navigator right click `Libraries` ➜ `Add Files to [your project's name]`

3. Go to `node_modules` ➜ `react-native-web-image` and add `ReactNativeWebImage.xcodeproj`

4. Add `libReactNativeWebImage.a` (from 'Products' under ReactNativeWebImage.xcodeproj) to your project's `Build Phases` ➜ `Link Binary With Libraries` phase

5. Edit `node_modules/react-native/Libraries/Image/Image.ios.js` and use our ui component

```javascript

// var RCTNetworkImage = requireNativeComponent('RCTNetworkImageView', null);

var RCTNetworkImage = requireNativeComponent('SKWebImageView', null);

```

6. Run your project (`Cmd+R`)