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

Question

我有一个小组件，我似乎有字体大小的问题。当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>);

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

以前有人遇到过这个吗？

我只是错过了什么？

谢谢，詹姆斯

Answer 1

你不应该将numberOfLines = {1}和flexWrap放在一起;他们互相矛盾。 如果你想要它的文本环绕，删除numberOfLines或使它超过1。

如果您不希望文本换行从样式对象中删除flex和flexWrap属性。

这些款式的目标是什么？我建议你从没有样式（默认）样式开始。逐个添加样式，看看哪些有效或无效，以便为您提供所需的结果。