如何在React Native中存储和导入静态文件？

我想将静态 *.txt、*.svg 甚至 *.js 文件存储在 React Native 项目中（干净，没有任何 Expo 和其他包装器，Webpack，仅使用 Babel）assets文件夹（或其他通常首选的路径）。然后我想将它们作为字符串导入到 App.js 中。关于这个话题有很多相互矛盾的信息。我如何在全新的应用程序中正确地做到这一点？

如果你有一个像这样的 json 文件：

const data = {
  key1: 'value1',
  key2: 'value2',
};

export default data;

访问您的数据的唯一方法是通过：

import data from '../your/relative/path/to/data';

如果你想在该文件中导入特定的密钥，那么你的 json 文件将是这样的：

export const key1 = 'value1';
export const key2 = 'value2';

const data = {
    key1,
    key2,
};

export default data;

现在你有能力做到这一点：

import { key1 } from '../your/relative/path/to/data';

OR

import data from '../your/relative/path/to/data';

我建议text文件，您将它们存储在constants文件夹，并创建一个相关的.js每个类别的文件：

Constants.js 文件：

export const CONST_KEY_1 = 'some value';
export const CONST_KEY_2 = 'some other value';
export default {
    CONST_KEY_1,
    CONST_KEY_2
};

对于 svg 文件：

快速方法：存储file_uri键值对中每个文件的存储方式与我们在constants.js 文件中所做的相同

更好的方法：存储svg path这些 svg 文件的形式与我们在constants.js 文件中所做的相同...并使用react-native-svg npm 模块渲染这些文件。