升级 React-Native 后的样式问题答案

【问题标题】：Styling issue after upgrading React-Native升级 React-Native 后的样式问题
【发布时间】：2016-02-23 08:05:44
【问题描述】：

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

这是什么原因造成的？

【问题讨论】：

标签： css react-native

【解决方案1】：

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

"backgroundColor": "#ffffff",

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

"backgroundColor": "white",

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

【讨论】：

那是为了获得透明度。十六进制透明应该用什么？
理论上，HEX 中 50% 的透明白色是 #80FFFFFF。但这似乎对我不起作用。 source。对 50% 透明白色有效的是：color: 'rgba(255, 255, 255, 0.5)'
谢谢。 'rgba(255, 255, 255, 0.0)' 修复了它。

【解决方案2】：

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

试试“backgroundColor”：“#ffffff”

【讨论】：