android - React Native 中的全局变量/常量

Question

在 React Native 中是否有一种方法可以在全局变量上定义我将使用的所有字符串，就像在 Android 开发中一样，有一个 String.xml，您可以在其中放置所有字符串。

Answer 1

我所做的是创建一个全局模块...

//文件:Globals.js

module.exports = {
  STORE_KEY: 'a56z0fzrNpl^2',
  BASE_URL: 'http://someurl.com',
  COLOR: {
    ORANGE: '#C50',
    DARKBLUE: '#0F3274',
    LIGHTBLUE: '#6EA8DA',
    DARKGRAY: '#999',
  },
};

那我只需要在顶部...

const GLOBAL = require('../Globals');

然后像这样访问它们...

GLOBAL.COLOR.ORANGE

_____________________

2018 年 2 月 10 日更新

这似乎是一个非常流行和有用的答案，所以我想我应该用更当前的语法来更新它。以上仍然适用于 CommonJS 模块系统，但现在你很可能会遇到 ES6 和 import 模块，而不是 require 它们。

ECMAScript 模块 (ESM) 语法

//文件:Globals.js

export default {
  STORE_KEY: 'a56z0fzrNpl^2',
  BASE_URL: 'http://someurl.com',
  COLOR: {
    ORANGE: '#C50',
    DARKBLUE: '#0F3274',
    LIGHTBLUE: '#6EA8DA',
    DARKGRAY: '#999',
  },
};

//使用...

import GLOBALS from '../Globals'; // the variable name is arbitrary since it's exported as default

//并以与之前相同的方式访问它们

GLOBALS.COLOR.ORANGE