文本在 Android 中被截断以响应本机

Question

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

我写了以下代码

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

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

原文由 Anilkumar iOS - ReactNative 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这通常发生在您拥有以下内容时： fontWeight:bold 并且您的 android 设备是例如 Oneplus 或 Oppo（还有一些其他品牌），这与您的系统字体冲突。

要修复，您可以添加一些其他 fontFamily 或在单词前面放置 2 个空格似乎也可以。

请参阅： https ://github.com/facebook/react-native/issues/15114

编辑

在文本元素上将 textBreakStrategy 设置为 simple 似乎也适用于某些设备，例如 Samsung galaxy s10、Google Pixel

原文由 MPN7 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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

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

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

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

原文由 laszlo 发布，翻译遵循 CC BY-SA 4.0 许可协议