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
相关问题
HarmonyOS 如何span背景设置padding
910浏览 • 1回复 待解决
HarmonyOS Span不支持n换行
1027浏览 • 1回复 待解决
HarmonyOS Text的Span不支持align
953浏览 • 1回复 待解决
Refresh组件不支持设置nestedScroll属性
2914浏览 • 1回复 待解决
TextField怎么某段文字设置颜色
9865浏览 • 2回复 待解决
Toggle isOn不支持$$?
1092浏览 • 1回复 待解决
HarmonyOS 支持gif设置颜色吗
1101浏览 • 1回复 待解决
HarmonyOS 编码集不支持
1018浏览 • 1回复 待解决
web组件不支持localstorage
1755浏览 • 1回复 待解决