fontWeight:bold
且你的安卓设备是一加或者欧珀这样的品牌时(还有其他一些品牌),就会出现这种情况,这是因为你的系统字体与此有冲突。fontFamily
或在单词之前加上两个空格也可以起作用。如果您发现提供的解决方案无法正常工作,就像在我的情况下一样,以下是我解决 OnePlus 手机上文本被剪切的方法:
只需使用以下属性设置组件样式
alignSelf: 'stretch',
textAlign: 'center',
这可能相当于安卓中的match_parent设置。但由于我目前无法测试其对iOS的影响,因此不确定是否适用。
我曾经遇到过文字水平被切断的问题。
通过将lineHeight
应用于文本组件,问题迎刃而解。
经过长时间的努力,我终于解决了它。
看起来,默认情况下,文本将属性textBreakStrategy设置为*highQuality*。
将其更改为*simple*解决了我的问题。
链接在这里:https://reactnative.dev/docs/0.56/text#textbreakstrategy
<Text>
元素被截断的 <View>
添加 flex: x
样式,对我来说很有效,当我使用 OnePlus 7T 时。对我来说,添加额外的空间或将textBreakStrategy设置为“simple”都没有起作用。
我在Text组件样式中添加了alignSelf:“stretch”
,最终它对我起了作用。如果你想让文本居中,只需添加textAlign:“center”
即可。
希望这能帮助到某些人。
你可以通过在结尾添加额外的空格来解决它,但这不是一个好的解决方法。
推荐:在你的应用程序中包含默认字体,这样它就可以在所有设备上正常工作。
如果您删除numberOfLines
,它将正确显示。如果仍然无法显示,则可能是父视图具有固定高度(或最大高度)。