[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'
就可以了!
我已经搜索过这个非常奇怪的问题的解决方案,但似乎找不到解决方案。
我提供了一个点心,当你 运行 在 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'
就可以了!