我有一个小组件,我似乎有一个字体大小的问题。当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>);
我仍然可以在dev tools中看到元素:
以前有没有人遇到过这个问题?
我是不是错过了什么?
谢谢,詹姆斯
发布于 2018-06-06 10:32:09
您不应该将numberOfLines={1}和flexWrap放在一起;它们相互矛盾。如果你想让它环绕文本,删除numberOfLines或者让它大于1。
如果不希望文本换行,请从样式对象中删除flex和flexWrap属性。
你对这些风格的目标是什么?我建议您从无样式(默认)样式开始。一个接一个地添加样式,并查看哪些样式有效,哪些样式无效,从而给出您想要的结果。
https://stackoverflow.com/questions/50709799
复制相似问题