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

我想用我的颜色变量创建文件，然后将此文件导入我的样式

button: {
 color: primarycolor
 background: primarybackground
}

---

因此，我只能在一个地方更改颜色。

您可以定义一个单独的js文件

colors.js

，该文件由colors对象组成，并将其导出

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

现在，从上述文件导入颜色-

从.//COLORS.js'

导入使用定义颜色的相应文件中的{COLORS}。并按如下所示使用它

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

---

有点晚了。但这是一个完整的例子。 创建一个常量，如

const Colors {
  tabIconDefault: '#959292',
  tabIconSelected: tintColor,
  tabBar: '#fefefe',
  errorBackground: 'red',
  errorText: '#fff',
  warningBackground: '#EAEB5E',
  warningText: '#666804',
  noticeBackground: tintColor,
  noticeText: '#fff'
};
module.exports = Colors ;

要在任何地方使用，请像

const Colors = '../constants/Colors';

现在像这样使用它

color: Colors.warningBackground

---

希望对您有所帮助。

我们使用一个文件来处理以下颜色/字体：

export const colors={myColor:''fffffff'}

和导入：

import{colorStyles}来自“../../libs/styleHelpers”；

---

使用：

colorStyles.myColor

您可以定义一个单独的js文件colors.js，该文件由colors对象组成，并将其导出。 而且它在任何地方都很容易使用。只需从“//colors.js”导入{MyColor}

export const MyColor = {
  white: '#fff',
  mybackground: '#222264',
  // your colors
}