How to delete file in react native

Hello Friends,

Welcome To Infinitbility!

This article will help you to delete your file in react native using react-native-fs library.

Here, we are use react-native-fs library to check file available or not and delete file.

Let’s start today’s topic How to delete file in react native

react-native-fs provide unlink component to delete file available or not it will throw error and it works on both platform (android, and iOS).

unlink(filepath: string): Promise<void>

react-native-fs unlink function required filepath to delete files and return with promise whitch means you have to use await for get proper result.

Installation

First we have need to install react-native-fs library on our project.

Copy 
1npm install react-native-fs --save

Extra steps for iOS Installation

• add below code to your podfile

Copy 
1pod 'RNFS', :path => '../node_modules/react-native-fs'

• install library

Copy 
1pod install

react-native-fs unlink example

Here, i am sharing how i delete file using react-native-fs unlink in react native, you have to just pass filepath to delete function with await.

One more thing, first you have to check file exists and then call unlink else you will get error.

let’s understand with code example.

• add below code top of your file

Copy 
1// require the module
2var RNFS = require('react-native-fs');

• exists usebility

Copy 
1async function delteFiles(filepath) {
2    let exists = await RNFS.exists(filepath);
3    if(exists){
4        // exists call delete
5        await RNFS.unlink(filepath);
6        console.log("File Deleted");
7    }else{
8        console.log("File Not Available")
9    }
10}

Subscribe Our Newsletter You will get monthly free programming book