Span不支持设置border,如何给文字设置背景

期望效果:

Span不支持设置border,如何给文字设置背景-鸿蒙开发者社区

设置背景的文字和不设置背景的文字需要保持统一

HarmonyOS
2024-02-20 10:29:01
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
踮脚在树梢上

Span组件设置border不生效,可考虑使用Text配合Stack,以及配合测量文字宽度实现。

示例代码

@Entry 
@Component 
struct Example { 
  build() { 
    Stack({ alignContent: Alignment.TopStart }) { 
      Text('一二三一二三一二三一二三一二三一二三一二三一二三') 
        .fontSize(30) 
        .backgroundColor(Color.Blue) 
        .textIndent(20 + 150) 
        .width(300) 
      Text('spansssss') 
        .fontSize(20) 
        .width(150) 
        .margin({ left: 10 }) 
        .padding({ left: 10 }) 
        .border({ width: 5, color: Color.Black, radius: 10 }) 
        .backgroundColor(Color.Yellow) 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-02-20 19:47:06
相关问题
Refresh组件不支持设置nestedScroll属性
1806浏览 • 1回复 待解决
TextField怎么某段文字设置颜色
8897浏览 • 2回复 待解决
HarmonyOS span如何设置圆角
344浏览 • 1回复 待解决
web组件不支持localstorage
708浏览 • 1回复 待解决
如何设置消息通知设置提醒方式
1575浏览 • 1回复 待解决
http类不支持cancel方法
65浏览 • 1回复 待解决
如何设置卡片背景为透明
2626浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
2060浏览 • 1回复 待解决
@BuilderParam 不支持普通class的变量
689浏览 • 1回复 待解决
CustomDialog不支持自定义动画
312浏览 • 2回复 待解决
鸿蒙NEXT版本,支不支持APK?
2666浏览 • 1回复 待解决