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>