HarmonyOS 鸿蒙Next 文本怎么实现前加标签,目前我看只支持背景,无支持描边
HarmonyOS 鸿蒙Next 文本怎么实现前加标签,目前我看只支持背景,无支持描边
textBackgroundStyle 仅支持背景颜色和圆角,无法支持描边
2 回复
可以参考demo:
@Entry
@Component
struct Index {
@State message: string = 'Hello World';
build() {
Row(){
ImageSpan($r('app.media.ic_public_play_norm'))
.width(20)
Text('95新')
.border(
{
width:{
left:2
}
}
)
}
.width(60)
.margin(
{
left:50
}
)
.border(
{
width:1,
}
)
}
}
目前span无法单独设置边框,可考虑使用text配合stack,以及配合测量文字宽度实现:
@Entry
@Component
struct Example {
build() {
Stack({ alignContent: Alignment.TopStart }) {
Text('123').fontSize(20).textIndent(20 + 150).width(300)
Text('999')
.fontSize(20)
.width(150)
.margin({ left: 10 })
.padding({ left: 10 })
.border({ width: 1, color: Color.Red, radius: 10 })
}
}
}
更多关于HarmonyOS 鸿蒙Next 文本怎么实现前加标签,目前我看只支持背景,无支持描边的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html