如何将本地文本文件加载到 ReactNative 项目中的字符串变量中?

IT技术 javascript reactjs react-native
2021-05-24 13:00:11

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

var content = loadPlainTextFile("resources/tags.txt");
var tags = content.split("\n");

我尝试以同样的方式需要 javascript 文件,但它不起作用,因为 react native 给出了异常“无法解析module ./data/tags.txt”。

var customData = require('./data/tags.txt');

我猜 require() 不能处理纯文本文件?

怎么做才正确?

2个回答

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

import textFile from './textFile.txt'

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

创建一个如下所示的 constants.js,您将在其中导出常量。

module.exports = {
  SPRING_CONFIG: {tension: 40, friction: 3},
  COLOR: {
    COLOR1: '#ffffff',
    COLOR2: '#eeeeee',
    BLACK_TEXT: '#333',
  },
};

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

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