Javascript CSS不是'；当父组件已定义样式时，按预期在React Native中应用t

我需要一些帮助来理解CSS是如何在React Native中应用的。它似乎不像web中的普通CSS那样工作

基本上，我有一个

组件导入到这个

下面是它的代码：

CardSection.js导出：

我仔细阅读并发现了一些证据，证明我在每个/两个CardSection位置都传递了一系列样式，但这并不起作用

我真的很困惑，为什么它不只是使用我在儿童最多的位置传递的样式。为什么连背景都不变成蓝色呢

它是React 16、React Native 0.49和Android API level 23（棉花糖）

要将文本居中，请使用

textAlign: 'center'

---

另请参见

要居中对齐，请使用以下命令：

textAlign: 'center' !important ;

或者根据您的代码使用下面给出的相同代码行

const styles = {
errorContainerStyle: {
    flex: 1,
    lineHeight: 20,
    justifyContent: 'center' !important,
    alignItems: 'center'!important,
    backgroundColor: 'blue',
    alignText: 'center'!important,
    paddingLeft: 10
},
errorTextStyle: {
    flex: 1,
    fontSize: 20,
    lineHeight: 20,
    justifyContent: 'center' !important,
    alignItems: 'center' !important,
    color: 'red',
}
}

---

这应该管用

该死，我发誓我试过了。我知道我是倒着写的，但我觉得我用textAlign和alignText在这两个元素上都试过了。它只使用文本对齐：“中心”。它还抛出了一个textAlign错误，但仅当它在父级上时。这个CSS很华丽。谢谢。不过我很高兴我没有合适的房子。我开始觉得React Native CSS完全不合逻辑。我现在也连接了react devtools，这让我可以轻松地动态编辑CSS。谢谢，错误文本元素上的textAlign修复了它。您的代码正在利用一些CSS优先级，但我无法按原样运行这些道具。我的ES Lint告诉我我需要打字稿。不过，我很感谢您提醒我要优先加载。

textAlign: 'center'

textAlign: 'center' !important ;

const styles = {
errorContainerStyle: {
    flex: 1,
    lineHeight: 20,
    justifyContent: 'center' !important,
    alignItems: 'center'!important,
    backgroundColor: 'blue',
    alignText: 'center'!important,
    paddingLeft: 10
},
errorTextStyle: {
    flex: 1,
    fontSize: 20,
    lineHeight: 20,
    justifyContent: 'center' !important,
    alignItems: 'center' !important,
    color: 'red',
}
}