将文件放在 react-native 项目中的位置，所以我可以使用 react-native-fs (Android)

Question

我正在做一个反应原生项目。我有一个文件，我想使用 react-native-fs 库访问它。该文件称为"chart.html"，我想通过如下所示来获取其路径：

'file://' + RNFS.DocumentDirectoryPath + '/chart.html';

我已经尝试将文件放在根目录中，android/app，android/app/src和android/app/src/main，到目前为止没有成功。

我把文件放在哪里，以便上面的代码工作？谢谢。

Answer 1

如果你把你的文件放在"assets"文件夹中并重新编译Android项目，你将能够使用react-native-fs访问这些文件：

android/app/src/main/assets/

以下方法可能有助于您访问它们：

• readDirAssets（dirpath： string）： Promise
• readFileAssets（filepath：string， encoding？： string）： Promise

您还可以查看"existsAssets"和"copyFileAssets"，后者用于将文件放入文档文件夹，如果其他库可以使用这些文件而无法访问资产文件夹本身。

Answer 2

您需要使用 react-native-asset 将文件放入您的项目中并使用require关键字访问它们。

路径为 ./assets/html/chart.html 的文件示例：

1. 添加或修改react-native.config.js

module.exports = {
 project: {
   ios: {},
   android: {},
 },
 dependencies: {
 },
 assets: [
   './assets/html'
 ],
};

2. 运行npx react-native-asset
3. 使用文件：

const file = require('./assets/html/chart.html')