react native

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

2017-05-12  本文已影响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>

上一篇 下一篇

猜你喜欢

热点阅读