react-native-real-path

Get real file path from file uri

Installation (iOS)

Currently No Support

Installation (Android)

npm i react-native-real-path --save

Make alterations to the following files:

• android/settings.gradle

...
include ':react-native-real-path'
project(':react-native-real-path').projectDir = new File(settingsDir, '../node_modules/react-native-real-path/android')

• android/app/build.gradle

...
dependencies {
    ...
    compile project(':react-native-real-path')
}

• register module (in MainActivity.java)

  • For react-native below 0.19.0 (use cat ./node_modules/react-native/package.json | grep version)

import com.rngrp.RNGRPPackage;  // <--- import

public class MainActivity extends Activity implements DefaultHardwareBackBtnHandler {

  ......

  @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())
      .addPackage(new RNGRPPackage())      // <------- add package
      .setUseDeveloperSupport(BuildConfig.DEBUG)
      .setInitialLifecycleState(LifecycleState.RESUMED)
      .build();

    mReactRootView.startReactApplication(mReactInstanceManager, "ExampleRN", null);

    setContentView(mReactRootView);
  }

  ......

}

• For react-native 0.19.0 and higher

import com.rngrp.RNGRPPackage; // <------- add package

public class MainActivity extends ReactActivity {
   // ...
    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
        new MainReactPackage(), // <---- add comma
        new RNGRPPackage() // <---------- add package
      );
    }

Example usage (Android only)

// require the module
var RNGRP = require('react-native-get-real-path');

RNGRP.getRealPathFromURI(fileUri).then(filePath =>
  console.log(filePath)
)

Use Case - get images from CameraRoll as base64

• Required: react-native-fs https://github.com/johanneslumpe/react-native-fs

RNGRP.getRealPathFromURI(imageUri).then(path =>
  RNFS.readFile(path, 'base64').then(imageBase64 =>
    console.log(imageBase64)
  )
)

• For iOS you can checkout: https://github.com/scottdixon/react-native-upload-from-camera-roll/