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属性
1769浏览 • 1回复 待解决
TextField怎么某段文字设置颜色
8865浏览 • 2回复 待解决
web组件不支持localstorage
669浏览 • 1回复 待解决
HarmonyOS span如何设置圆角
294浏览 • 1回复 待解决
如何设置消息通知设置提醒方式
1538浏览 • 1回复 待解决
API 9 是否不支持 npm 了?
2604浏览 • 1回复 待解决
4.0release不支持热重载?
2369浏览 • 1回复 待解决
RelativeContainer容器不支持自动宽高
339浏览 • 1回复 待解决
HarmonyOS Object不支持 ... 展开符吗?
65浏览 • 1回复 待解决
HarmonyOS 不支持通过索引访问字段
82浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
2029浏览 • 1回复 待解决