美文网首页react native
react-native 之text下划线、删除线、虚线

react-native 之text下划线、删除线、虚线

作者: 以德扶人 | 来源:发表于2017-05-12 10:09 被阅读3160次

textDecorationLine('none', 'underline', 'line-through'):横线位置
none:没有横线
underline:
// 横线 textDecorationLine:'underline'

效果:


underline

line-through:
// 横线 textDecorationLine:'line-through'

效果:


line-through

textDecorationStyle('solid', 'double', 'dotted', 'dashed'):线风格
solid
// 横线风格 textDecorationStyle:'solid'

效果:


solid

double
// 横线风格 textDecorationStyle:'double'

效果:


double

dotted
// 横线风格 textDecorationStyle:'dotted'

效果:


dotted

dashed
// 横线风格 textDecorationStyle:'dashed'

效果:


dashed

textDecorationColor:线的颜色
// 线的颜色 textDecorationColor:'black',

效果:


线的颜色

纯虚线 (目前只找到这种办法)
<Text style={{textDecorationLine:'line-through',textDecorationStyle:'dotted',color:'red' }}>- -</Text>

相关文章

网友评论

    本文标题:react-native 之text下划线、删除线、虚线

    本文链接:https://www.haomeiwen.com/subject/igrztxtx.html