升级React-Native后的样式问题

Question

我最近将我的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
}

造成这种情况的原因是什么？

Answer 1

您指定为背景颜色的颜色不正确且不存在。有一个f太多了。 您可以将其更改为：

"backgroundColor": "#ffffff",

或者你也可以像这样指定白色背景颜色：

"backgroundColor": "white",

以下是React Native中所有支持的颜色格式的概述。您还可以在那里找到命名颜色的列表。 http://facebook.github.io/react-native/docs/colors.html

Answer 2

你的背景颜色有七个f字符而不是六个 - 即无效。

尝试＆＃34; backgroundColor＆＃34;：＆＃34; #ffffff＆＃34;