@remobile/react-native-file-transfer
v1.0.8
Published
A file-transfer for react-native, code come from cordova, support for android and ios
Downloads
43
Readme
React Native FileTransfer (remobile)
A file-transfer for react-native, code come from cordova, support for android and ios
Installation
npm install @remobile/react-native-file-transfer --save
Installation (iOS)
- Drag RCTFileTransfer.xcodeproj to your project on Xcode.
- Click on your main project file (the one that represents the .xcodeproj) select Build Phases and drag libRCTFileTransfer.a from the Products folder inside the RCTFileTransfer.xcodeproj.
- Look for Header Search Paths and make sure it contains $(SRCROOT)/../../../react-native/React as recursive.
Installation (Android)
...
include ':react-native-file-transfer'
project(':react-native-file-transfer').projectDir = new File(settingsDir, '../node_modules/@remobile/react-native-file-transfer/android')
- In
android/app/build.gradle
...
dependencies {
...
compile project(':react-native-file-transfer')
}
- register module (in MainApplication.java)
......
import com.remobile.filetransfer.RCTFileTransferPackage; // <--- import
......
@Override
protected List<ReactPackage> getPackages() {
......
new RCTFileTransferPackage(), // <------ add here
......
}
Usage
Example
var React = require('react');
var ReactNative = require('react-native');
var {
StyleSheet,
NativeAppEventEmitter,
View,
Text,
} = ReactNative;
var FileTransfer = require('@remobile/react-native-file-transfer');
var Button = require('@remobile/react-native-simple-button');
module.exports = React.createClass({
testUpload() {
var fileURL = app.isandroid?'file:///sdcard/data/1.jpg':'file:///Users/fang/node/test/post.js';
var options = {};
options.fileKey = 'file';
options.fileName = fileURL.substr(fileURL.lastIndexOf('/')+1);
options.mimeType = 'text/plain';
var params = {};
params.value1 = 'test';
params.value2 = 'param';
options.params = params;
var fileTransfer = new FileTransfer();
fileTransfer.onprogress = (progress) => console.log(progress);
fileTransfer.upload(fileURL, encodeURI('http://192.168.1.119:3000/upload'),(result)=>{
console.log(result);
}, (error)=>{
console.log(error);
}, options);
},
testDownload() {
var fileTransfer = new FileTransfer();
var uri = encodeURI("http://192.168.1.119:3000/Framework7.zip");
fileTransfer.onprogress = (progress) => console.log("1",progress.loaded+'/'+progress.total);
fileTransfer.download(
uri,
app.isandroid?'/sdcard/data/xx.html':'/Users/fang/oldwork/client/server/xx.zip',
function(result) {
console.log(result);
},
function(error) {
console.log(error);
},
true
);
},
render() {
return (
<View style={styles.container}>
<Button onPress={this.testUpload}>
Test Upload
</Button>
<Button onPress={this.testDownload}>
Test Download
</Button>
</View>
);
},
});
var styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'space-around',
alignItems: 'center',
backgroundColor: 'transparent',
paddingVertical:200,
}
});
HELP
- look https://github.com/apache/cordova-plugin-file-transfer
thanks
- this project come from https://github.com/apache/cordova-plugin-file-transfer
see detail use
- https://github.com/remobile/react-native-template