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

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

效果:


react-native 之text下划线、删除线、虚线_第1张图片

underline

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

效果:


react-native 之text下划线、删除线、虚线_第2张图片

line-through

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

效果:


react-native 之text下划线、删除线、虚线_第3张图片

solid

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

效果:


react-native 之text下划线、删除线、虚线_第4张图片

double

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

效果:


react-native 之text下划线、删除线、虚线_第5张图片

dotted

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

效果:


react-native 之text下划线、删除线、虚线_第6张图片

dashed

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

效果:


react-native 之text下划线、删除线、虚线_第7张图片

线的颜色

纯虚线 (目前只找到这种办法)
- -

你可能感兴趣的:(react-native 之text下划线、删除线、虚线)