如何在ReactNative Project中将本地文本文件加载到字符串变量中?

del*_*ete 13 javascript reactjs react-native

在我的ReactNative项目中有一些静态文本文件,我想加载到字符串变量中.像这样:

var content = loadPlainTextFile("resources/tags.txt");
var tags = content.split("\n");
Run Code Online (Sandbox Code Playgroud)

我尝试以同样的方式要求我需要javascript文件,但它不起作用因为本机反应给出异常"无法解析模块./data/tags.txt".

var customData = require('./data/tags.txt');
Run Code Online (Sandbox Code Playgroud)

我猜require()无法处理纯文本文件?

怎么做正确?

Sco*_*rch 14

问题是专门询问如何使用以下内容导入文本文件:

import textFile from './textFile.txt'

这可以使用React-Native-Local-Resource 实现。该库允许您异步加载任何类型的文本文件。


Abh*_*hay -6

创建如下所示的 Constants.js,在其中导出常量。

module.exports = {
  SPRING_CONFIG: {tension: 40, friction: 3},
  COLOR: {
    COLOR1: '#ffffff',
    COLOR2: '#eeeeee',
    BLACK_TEXT: '#333',
  },
};
Run Code Online (Sandbox Code Playgroud)

然后在您尝试导入的任何文件中,将其导入为...

import CONSTANTS from './constants'; //Make sure you put the right folder path.
console.log(CONSTANTS.COLOR.BLACK_TEXT);
Run Code Online (Sandbox Code Playgroud)

  • 不过,现在这很令人困惑,因为这是搜索结果之一并且已得到解答,但答案不是将文本文件导入字符串(对此有很多有效的用例) (7认同)
  • 我的意思是一个纯文本文件,其中包含我想要在我的应用程序中作为字符串数组处理的单词,例如 var Words = loadFIle("resources/tags.txt").split("\n"); (6认同)
  • 我发现当封装在刻度中时,多行字符串现在是可能的。这就是我在这里需要的。所以是的,你的方法是一个解决方案 (2认同)