时间戳

首页 > 解决方案 > 达到一定大小时，文本似乎消失了

javascript - 达到一定大小时，文本似乎消失了

问题描述

我有一个小组件，我似乎对字体大小有疑问。当 fontSize 为 179 时，文本加载正确。当字体大小为 180 及以上时，它似乎消失了。

return (<View style={{flexDirection:'row'}}>
<Text numberOfLines={1} style={{
    textAlignVertical: "center",
    fontSize: 179,
    textAlign: "center",
    backgroundColor:'rgba(0,0,0,0)',
    color:'rgba(0,0,0,.3)',    
    flex: 1, 
    flexWrap: 'wrap', 
}}>A</Text>
</View>);

我仍然可以在开发工具中看到该元素：

在此处输入图像描述

有没有人遇到过这个？

我只是错过了什么吗？

谢谢，詹姆斯

标签： javascripttypescriptreact-nativegenymotion

解决方案

您不应该将 numberOfLines={1} 和 flexWrap 放在一起；他们互相矛盾。如果您希望文本环绕，请删除 numberOfLines 或使其大于 1。

如果您不想换行，请从样式对象中删除 flex 和 flexWrap 属性。

你对这些风格的目标是什么？我建议你从 unstyled (default) styled 开始。逐个添加样式，看看哪些有效或无效，以提供您想要的结果。

推荐阅读