在React Native项目上工作时,在包含粗体文本的Text组件上使用numberOfLines prop时遇到了一个问题。我有一个类似的组件:
<Widecard {...props}>
<Text numberOfLines={3} style={{ fontWeight: 'bold' }}>
{props.title}
</Text>
</WideCard>
似乎numberOfLines只能计算有正常字体粗细的空间数量,并忽略文本的样式是粗体还是斜体,使字符宽度更宽一些。在应用fontWeight之前计算字符数或字符数。
因此,截断的文本通常会比有空间的时间长一些。然后字符串末尾的椭圆会溢出容器并被切断。
有没有其他人遇到过这个问题并知道某种解决方法?