如何使用React Native Fetch Blob覆盖文件内容而非追加？

要实现覆盖而非追加文件内容，核心是调用RNFetchBlob.fs.writeFile时显式指定append: false（该参数默认值即为false，显式设置可避免意外）。以下是具体实现步骤：

1. 确保依赖安装正确 #

如果还未安装React Native Fetch Blob，执行以下命令：

npm install react-native-fetch-blob --save

React Native 0.60+版本会自动完成链接，低版本需手动执行链接操作。

2. 编写覆盖文件的代码 #

import RNFetchBlob from 'react-native-fetch-blob';

// 替换为你的目标文件路径，这里以文档目录下的test.txt为例
const targetFilePath = `${RNFetchBlob.fs.dirs.DocumentDir}/test.txt`;
const newFileContent = 'Hii, my name is nida';

// 覆盖写入文件
RNFetchBlob.fs.writeFile(targetFilePath, newFileContent, 'utf8', { append: false })
  .then(() => {
    console.log('文件内容已成功覆盖');
    // 可选：读取文件验证结果
    return RNFetchBlob.fs.readFile(targetFilePath, 'utf8');
  })
  .then(currentContent => {
    console.log('当前文件内容:', currentContent);
  })
  .catch(error => {
    console.error('写入失败:', error);
  });

3. 权限配置（Android端） #

如果操作外部存储文件，需在AndroidManifest.xml中添加权限：

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

Android 10及以上版本，需在application标签内添加：

android:requestLegacyExternalStorage="true"

内容的提问来源于stack exchange，提问作者Nida Khan