React native fs iOS not showing files in the document directory

Question

I am working on a react native project. I need to store the captured images in the custom folder.

I am using react native fs library for that. I am able to create the image in the desired directory but I am not able to see those images in my iphones' file directory.

Here is my code I am using to store the images.

 async moveAttachment(capturedImagePath) {

    $filePathDir = `${RNFS.DocumentDirectoryPath}/myapp/myfilename`;
    $filePath = `${$filePathDir }/myfilename.png`;
    return new Promise((resolve, reject) => {
        RNFS.mkdir(filePathDir)
        .then(() => {
            RNFS.moveFile(capturedImagePath, filePath )
            .then(() => resolve(dirPictures))
            .catch(error => reject(error));
        })
        .catch(err => reject(err));
    });
}

I am able to see the image in my simulator's document directory but not able to see in the iPhone > files directory.

Please help me to figure this out.

Answer 1

You should be able to enable it by updating your Info.plist. You need to add two keys:

UIFileSharingEnabled and LSSupportsOpeningDocumentsInPlace should both be added and set to YES.

• UIFileSharingEnabled: Application supports iTunes file sharing
• LSSupportsOpeningDocumentsInPlace: Supports opening documents in place

This will allow your DocumentsDirectory to be opened in iTunes and it should also allow you to share your files via the Files application.

You can read more about LSSupportsOpeningDocumentsInPlace here

In iOS 11 and later, if both this key and the UIFileSharingEnabled key are YES, the local file provider grants access to all the documents in the app’s Documents directory. These documents appear in the Files app, and in a document browser. Users can open and edit these document in place.

Note that any item you save in the Documents directory will be accessible.

Answer 2

The answer @Andrew provided still working on iOS 17 Remember only to set the Directory to the right place const basePath = (Platform.OS === 'android' ? RNFS.DownloadDirectoryPath : RNFS.DocumentDirectoryPath);