React Native 中的颜色文字有什么问题？

Question

我对原生反应相对较新，在设置 eslint 配置时，我开始看到如下行的错误：

color: '#413C44',--> 颜色文字 ... (react-native/no-color-literals)

我开始禁用它，但这似乎是一个流行的规则。我在网上没有看到解释为什么 React Native 中的颜色文字是一件坏事。有谁知道为什么？

Answer 1

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

https://github.com/Intellicode/eslint-plugin-react-native/blob/master/docs/rules/no-color-literals.md

linting 规则要求您使用颜色变量并重复使用这些变量（关键字主题）。例如，设置textColor一次并在各处重复使用，然后您只需在一个地方更改它即可更改各处的文本颜色。