用numberOfLines截断的粗体文本太长

时间:2018-01-11 10:48:36

标签: css react-native rendering truncate

在React Native项目上工作时,在包含粗体文本的Text组件上使用numberOfLines prop时遇到了一个问题。我有一个类似的组件:

<Widecard {...props}>
  <Text numberOfLines={3} style={{ fontWeight: 'bold' }}>
    {props.title}
  </Text>
</WideCard>

似乎numberOfLines只能计算有正常字体粗细的空间数量,并忽略文本的样式是粗体还是斜体,使字符宽度更宽一些。在应用fontWeight之前计算字符数或字符数。

因此,截断的文本通常会比有空间的时间长一些。然后字符串末尾的椭圆会溢出容器并被切断。

有没有其他人遇到过这个问题并知道某种解决方法?

0 个答案:

没有答案