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

期望效果:

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

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

HarmonyOS
2024-02-20 10:29:01
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
blue76

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属性
708浏览 • 1回复 待解决
TextField怎么某段文字设置颜色
7990浏览 • 2回复 待解决
web组件不支持localstorage
333浏览 • 1回复 待解决
如何设置消息通知设置提醒方式
679浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
1091浏览 • 1回复 待解决
如何设置卡片背景为透明
1545浏览 • 1回复 待解决
@BuilderParam 不支持普通class的变量
370浏览 • 1回复 待解决
鸿蒙NEXT版本,支不支持APK?
1449浏览 • 1回复 待解决
WebView如何设置文字大小?
6208浏览 • 3回复 待解决
如何设置窗口的背景
852浏览 • 1回复 待解决
Panel不支持水平方向的拖拉
336浏览 • 1回复 待解决
for .in 语法不支持,该怎么办啊?
403浏览 • 1回复 待解决
arkts中不支持bigint数据类型
791浏览 • 1回复 待解决