react-native - 将颜色变量导入我的样式

Question

我想用我的颜色变量制作文件，然后将此文件导入我的样式。

button: {
 color: primarycolor
 background: primarybackground
}

所以我只能在一个地方改变颜色。

Answer 1

可以定义单独的js文件colors.js , 由 组成颜色对象并将其导出 .

export const COLORS = {
  white: '#fff',
  black: '#000',
  // your colors
}

现在 从上述文件导入颜色 - import {COLORS} from './<Path>/colors.js'在使用定义颜色的相应文件中。并按如下所示使用它。

button: {
  color: COLORS.white,
  backgroundColor: COLORS.black
}