CODEWITHSUNDEEP
javascriptandroidreactjsreact-native
fun joker
fun joker

Reputation: 1727

How to create a file and store it inside download folder android?

I am using rn-fetch-blob https://github.com/joltup/rn-fetch-blob I am creating new file and storing it inside downloads folder. Note: I am using emulator. Now when I try to create a new file and I am using download dir see this -> https://github.com/joltup/rn-fetch-blob/wiki/File-System-Access-API#dirs but I am getting error saying permission denied why so ? How can I enable permission so that file gets stored inside download folder in android react native app ?

Code:

saveFile = () => {
        const fs = RNFetchBlob.fs;

        const dirs = RNFetchBlob.fs.dirs;
        console.log("directory path: ",dirs.DownloadDir );

        const NEW_FILE_PATH = dirs.DownloadDir + '/demo.txt';

        console.log("file path: ", NEW_FILE_PATH);

        fs.createFile(NEW_FILE_PATH, 'foo', 'utf8');

    }

AndroidManifest.xml: 

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> 
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission tools:node="remove" android:name="android.permission.READ_PHONE_STATE" />
    <uses-permission tools:node="remove" android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission tools:node="remove" android:name="android.permission.READ_EXTERNAL_STORAGE" />

Screenshot:

enter image description here

Upvotes: 4

Views: 11735

Answers (2)

fun joker
fun joker

Reputation: 1727

For allowing acccess to other dirs in rn-fetch-blob if android version is above 6 then you need to ask for runtime permission. Link: https://facebook.github.io/react-native/docs/permissionsandroid

Modified code: 

import {PermissionsAndroid} from 'react-native';

    saveFile = async () => {

            try {
                const granted = await PermissionsAndroid.request(
                    PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE
                );
                if (granted === PermissionsAndroid.RESULTS.GRANTED) {
                    console.log("Permission granted");

                    const fs = RNFetchBlob.fs;
                    // const base64 = RNFetchBlob.base64;

                    const dirs = RNFetchBlob.fs.dirs;
                    console.log(dirs.DownloadDir);

                    const NEW_FILE_PATH = dirs.DownloadDir + '/test.txt';
                    fs.createFile(NEW_FILE_PATH, 'foo', 'utf8');

                } else {
                    console.log('Permission denied');
                }
                } catch (err) {
                    console.warn(err);
                }

        }

Additional links for rn-fetch-blob:

1) https://github.com/joltup/rn-fetch-blob/wiki/File-System-Access-API#dirs

2) https://github.com/joltup/rn-fetch-blob

Upvotes: 6

Krutika Chotara
Krutika Chotara

Reputation: 144

you need <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

If you are using android 6 version or higher you need to ask for runtime permission

Upvotes: 3

Related Questions