[React Native][Expo] 当文本在文本组件中换行到多行时,文本对齐方式损坏

[React Native][Expo] Broken text alignment when text wraps to multiline in text component

我已经搜索过这个非常奇怪的问题的解决方案,但似乎找不到解决方案。

我提供了一个点心,当你 运行 在 android 上很好地演示了这个问题: https://snack.expo.io/@whitefluffy/brokentextalign

基本上当一段文字(不限于我正在使用的步骤导入时,这只是我在本文中使用的那个)。

如您所见,顶部的文字换行是换行,然后对齐到屏幕的左侧,即使它位于设置中心的容器内,但这很好,但向下拍摄。 .. 文本换行,但现在不是左对齐而是决定居中。 那么,仅仅是文本换行总是导致文本执行您不想执行的操作,还是有某种方法可以使内容按照容器上设置的样式进行换行?

由于我尝试了其他容器,分别覆盖了该对象的样式,但似乎没有任何效果,所以在绝望中,我求助于 stack overflow 的好人,请求有人让我摆脱痛苦...

非常感谢, IDED

对于顶部文本,如果您想居中对齐,只需将 style={{textAlign: 'center'}} 添加到 <Text>(一个环绕 "To use this Global Vans Companion app we just need....")

对于 labelStyle 对象第 48 行中 <Steps> 的第三个标签,添加 textAlign: 'left' 就可以了!