This package will let user upload small, as well as large files to the Dropbox using Dropbox API.
- Download file to local folder from url
- Get dropbox access token
- Upload file to dropbox
Install the package
npm i react-native-dropbox-zluck
import Dropbox from 'react-native-dropbox-zluck';
Parameters:
Param | README | Optional |
---|---|---|
url | Enter file url | required |
fileName | Enter the name of the file | required |
openOnDownload | default: false, set it true, if you want to open file when download is completed | optional |
downloadProgress | Callback which will return download progress | optional |
const db = new Dropbox();
result = await db.downloadFile(
fileUrl,
fileName,
false,
(progress: number) => {
//Use the progress to show progress bar
}
);
Response
result -> { success: false, path: '' };
Parameters:
Param | README | Optional |
---|---|---|
filePath | Enter file path | required |
const db = new Dropbox();
db.viewFile(filePath);
Parameters:
Param | README | Optional |
---|---|---|
oauthClientId | Client Id obtained from dropbox developer console | required |
oAuthClientSecret | Client secret obtained from dropbox developer console | required |
oAuthRedirectUrl | App redirect url assignd in dropbox developer console | required |
const db = new Dropbox();
const tokenResult = await db.getDBToken(
OAUTH_CLIENT_ID,
OAUTH_CLIENT_SECRET,
OAUTH_REDIRECT_URI
);
Response
tokenResult -> { dropbox_access_token: '', dropbox_uid: '' };
Parameters:
Param | README | Optional |
---|---|---|
accessToken | Access token from dropbox api | required |
filePath | The path to the filem which you want to upload | required |
fileName | Custom file name for the fiel to be upload (excluding extension, it will be auto-obtained from file path) | optional |
folderName | Folder name, where file will be uploaded (default: My App). Best practice, is to have your project/app name | optional |
uploadProgress | Callback which will return upload progress | optional |
partSize | If file exceeds, the default allowed maximum size, then divide files in this size | optional |
const db = new Dropbox();
const uploadResult = await db.uploadFileToDropbox(
accessToken,
filePath,
'',
'',
(progress) => {
//Use the progress to show progress bar
}
);
MIT