文本在 android 中被切断以响应本机

Question

我正在研究 React Native，我对此很陌生。我正在尝试显示文本，但是，它显示在文本的 android 结尾......而不是显示完整的文本。它只发生在android中，在iOS中运行良好。

我写了以下代码

<Text
  numberOfLines={1}
  adjustsFontSizeToFit
  minimumFontScale={0.1}
  style={labelStyle} //labelStyle nothing I have written
></Text>

谁能建议我，我在代码中做错了什么？

Answer 1

这通常发生在您拥有以下fontWeight:bold设备时：例如您的 Android 设备是 Oneplus 或 Oppo（还有一些其他品牌），这与您的系统字体有冲突。
要修复，您可以添加一些其他fontFamily或在单词前放置 2 个空格似乎也有效。
见：https : //github.com/facebook/react-native/issues/15114

编辑

在 Text 元素上设置textBreakStrategy为simple似乎也适用于三星 Galaxy s10、Google Pixel 等某些设备

Answer 2

我遇到了水平剪切文本的问题。通过使用lineHeight文本组件和繁荣，我的问题解决了

Answer 3

对于发现提供的解决方案不像我的情况那样工作的任何人，这是我在 OnePlus 手机上剪切文本的解决方案：

只需使用这些属性设置组件样式

alignSelf: 'stretch',
textAlign: 'center',

这可能相当于 android match_parent 设置。没有测试它将如何影响 iOS，因为我现在没有这种可能性。