Css React Native--当期望两个文本组件换行到第二行时，如何将它们水平居中？

这篇文章非常接近，但我有一个不同的情况：

我正在尝试这样设置我的文本样式：为了让两种不同的文本样式包装到第二行，就像我读到的那样，我必须将它们包装在一个

容器中，如下所示：

<Text style={textAlign="center"}>
   <Text style={[ {color: colors.mustardYellow, fontSize: 30, textAlign:"center"}, textStyles.Bold]}>Hey! </Text>
   <Text style={[ {color: colors.white, fontWeight: "100", fontSize: 30, textAlign:"center"}]}>How are you feeling today?</Text>
</Text>

嘿
你今天感觉怎么样？

这起作用了，让第二个文本组件包裹在第一个文本组件下。然而，它拒绝在第二条线上水平居中。我尝试在更大的

组件容器周围添加另一个容器，但也没有发现任何成功。我唯一能让它工作的方法是创建3个独立的文本组件，一个用于黄色文本，第二个用于第一行的“你好”，最后一个用于第二行的“今天的感觉”，我可以水平居中。这是一种糟糕的做事方式，我相信有一种正确的方式，但就我的一生而言，我找不到它

---

任何帮助都将不胜感激

在你的第一个

Text

标签上，你的

style

属性应该是

style={{{textAlign:“center”}

而不是

style={textAlign=“center”}

---

这是一个工作代码。

看看这个零食，它似乎对我有用。如果这不是你要找的，请告诉我。@BrunoEduardo，效果很好！现在我明白了我是如何在我的初始文本容器上搞砸了textAlign:“center”。很多时候我都是依靠门楣来捕捉这些，我想它错过了。谢谢你的帮助！我将把它作为一个答案添加到未来读者中。@布莱恩，如果你发现它比期望的要宽[工作，用双括号]，考虑做一个更窄的文本框或者给样式添加一点填充/边距。很容易犯错误。@RachelGallen谢谢，我想我有合适的宽度，但我一定会记住这一点，或者在将来