Zip archive utility for react-native
Note: this project is under development and functionality will improve over time. Currently it provides only the bare minimum of functionality.
npm install react-native-zip-archive --save
- In XCode, in the project navigator right click
Libraries
➜Add Files to [your project's name]
- Go to
node_modules
➜react-native-zip-archive
and addRNZipArchive.xcodeproj
- Add
libRNZipArchive.a
(from 'Products' under RNZipArchive.xcodeproj) to your project'sBuild Phases
➜Link Binary With Libraries
phase - Add the
libz
library to your target - Look for Header Search Paths and make sure it contains both
$(SRCROOT)/../react-native/React
and$(SRCROOT)/../../React
- mark both as recursive - Run your project (
Cmd+R
)
-
Edit
android/settings.gradle
to look like this (without the +):rootProject.name = 'MyApp' include ':app' + include ':react-native-zip-archive' + project(':react-native-zip-archive').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-zip-archive/android')
-
Edit
android/app/build.gradle
(note: app folder) to look like this:apply plugin: 'com.android.application' android { ... } dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) compile 'com.android.support:appcompat-v7:23.0.0' compile 'com.facebook.react:react-native:0.16.+' + compile project(':react-native-zip-archive') }
-
Edit your
MainActivity.java
(deep inandroid/app/src/main/java/...
) to look like this (note two places to edit):package com.myapp; + import com.rnziparchive.RNZipArchivePackage; .... @Override protected List<ReactPackage> getPackages() { return Arrays.<ReactPackage>asList( new MainReactPackage(), + new RNZipArchivePackage() ); } }
require it in your file
const ZipArchive = require('react-native-zip-archive')
you may also want to use something like react-native-fs to access the file system (check its repo for more information)
const RNFS = require('react-native-fs')
unzip(source: string, target: string): Promise
unzip from source to target
Example
let sourcePath = 'path_to_your_zip_file'
let targetPath = RNFS.DocumentDirectoryPath
ZipArchive.unzip(sourcePath, targetPath)
.then(() => {
console.log('unzip completed!')
})
.catch((error) => {
console.log(error)
})