Css 升级后的样式问题React Native

我最近将React Native从

0.15

升级到

0.18

现在，当我运行应用程序时，它会给出以下错误

Invalid prop `backgroundColor` supplied to `StyleSheet mainContainer`.
StyleSheet mainContainer: {
  "justifyContent": "center",
  "alignItems": "center",
  "flexDirection": "row",
  "backgroundColor": "#fffffff",
  "marginBottom": -1
}

---

是什么原因造成的？

您的背景色中有七个f字符，而不是六个，即它是无效的

---

尝试“backgroundColor”：“#ffffff”

您的背景色中有七个f字符，而不是六个，即它是无效的

---

尝试“backgroundColor”：“#ffffff”

指定为背景色的颜色不正确且不存在。一个

f

太多。 您可以将其更改为：

"backgroundColor": "#ffffff",

或者您也可以指定白色背景色，如下所示：

"backgroundColor": "white",

下面是React Native中所有受支持的颜色格式的概述。您还可以在那里找到命名颜色的列表。

---

指定为背景色的颜色不正确且不存在。一个

f

太多。 您可以将其更改为：

"backgroundColor": "#ffffff",

或者您也可以指定白色背景色，如下所示：

"backgroundColor": "white",

下面是React Native中所有受支持的颜色格式的概述。您还可以在那里找到命名颜色的列表。

---

这是为了提高透明度。我应该用什么来表示十六进制中的透明？理论上，在十六进制中50%的透明白色应该是

#80FFFFFF

。但这似乎对我不起作用。适用于50%透明白色的是：

颜色：'rgba（255，255，255，0.5）

谢谢rgba（255，255，255，0.0）“修复了它。那是为了获得透明度。我应该用什么来表示十六进制中的透明？理论上，在十六进制中50%的透明白色应该是

#80FFFFFF

。但这似乎对我不起作用。适用于50%透明白色的是：

颜色：'rgba（255，255，255，0.5）

谢谢rgba（255，255，255，0.0）“修复了它。