（反应）警告ESLINT（反应本/无彩色）

Question

我有这种风格的反应

backgroundColor: 'rgba(0, 0, 0, 0.8)',

，但它给了我这个Eslint警告警告Eslint（React-Native/no-color-Literals）

我尝试了这种样式，但它不起作用

{
  backgroundColor: BLACK,
  opacity: 0.8
}

Answer 1

请检查此链接了解警告。

开发UI时，我们经常发现自己在UI中的多个位置重复使用相同的颜色。如果必须更新颜色，则可能必须全面更新它们。因此，最好将颜色定义存储在变量中，而不是将它们在样式中进行硬编码。该规则将检测具有文字（IE字符串）为值的颜色属性。

您可以在ESLINT上禁用此警告，也可以将字符串放入变量中。

const blackOpa80 = 'rgba(0, 0, 0, 0.8)'

进而：

backgroundColor: blackOpa80,