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

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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容