在React Native中,有一种方法可以在全局变量上定义将要使用的所有字符串,就像在Android开发中一样,这里有一个String.xml,您可以在其中放置所有字符串。
我要做的是创建一个globals模块…
//文件: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
这似乎是一个非常流行且有用的答案,所以我认为我应该使用最新的语法对其进行更新。上面的代码仍然可以在CommonJS模块系统中使用,但是如今,您很有可能会遇到ES6和import模块而不是require它们。
import
require
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