status-im
/
react-native-image-resizer
mirror of https://github.com/status-im/react-native-image-resizer.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Simplify readme (#27)

This commit is contained in:
Benjamin Michel 2016-08-05 14:56:54 +02:00 committed by Florian Rival
parent f24bd5e425
commit 07a0004895
1 changed files with 2 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
README.md
View File

@ -4,98 +4,10 @@ A React Native module that can create scaled versions of local images (also supp
## Setup ## Setup
First, install the package: Install the package with [rnpm](https://github.com/rnpm/rnpm):
```
npm install react-native-image-resizer --save
```
### Automatic installation (iOS and Android)
Use [rnpm](https://github.com/rnpm/rnpm):
``` ```
npm install rnpm -g npm install rnpm -g
rnpm link rnpm install react-native-image-resizer
```
### Manual installation for iOS
You need to add `RNImageResizer.xcodeproj` to **Libraries** and add `libRNImageResizer.a` to **Link Binary With Libraries** under **Build Phases**. [More info and screenshots about how to do this is available in the React Native documentation](http://facebook.github.io/react-native/docs/linking-libraries-ios.html#content).
### Manual installation for Android
#### Update your gradle files
For **react-native >= v0.15**, this command will do it automatically:
```
react-native link react-native-image-resizer
```
For **react-native = v0.14**
You will have to update them manually:
In `android/settings.gradle`, add:
```
include ':react-native-image-resizer'
project(':react-native-image-resizer').projectDir = new File(settingsDir, '../node_modules/react-native-image-resizer/android')
```
In `android/app/build.gradle` add:
```
dependencies {
...
compile project(':react-native-image-resizer')
}
```
#### Register the package into your `MainActivity`
```java
package com.example;
import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import com.facebook.react.LifecycleState;
import com.facebook.react.ReactInstanceManager;
import com.facebook.react.ReactRootView;
import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
import com.facebook.react.shell.MainReactPackage;
import com.facebook.soloader.SoLoader;
// IMPORT HERE
import fr.bamlab.rnimageresizer.ImageResizerPackage;
// ---
public class MainActivity extends Activity implements DefaultHardwareBackBtnHandler {
private ReactInstanceManager mReactInstanceManager;
private ReactRootView mReactRootView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mReactRootView = new ReactRootView(this);
mReactInstanceManager = ReactInstanceManager.builder()
.setApplication(getApplication())
.setBundleAssetName("index.android.bundle")
.setJSMainModuleName("index.android")
.addPackage(new MainReactPackage())
// REGISTER PACKAGE HERE
.addPackage(new ImageResizerPackage())
// ---
.setUseDeveloperSupport(BuildConfig.DEBUG)
.setInitialLifecycleState(LifecycleState.RESUMED)
.build();
mReactRootView.startReactApplication(mReactInstanceManager, "example", null);
setContentView(mReactRootView);
}
...
``` ```
## Usage example ## Usage example