HarmonyOS Text中的ImageSpan和Span

如截图所示,我用Text的ImageSpan和Span实现了一个订阅按钮的功能,前面的+是ImageSpan的图片。后面的订阅文案是Span。
现在这两个组件无法上下居中对齐,需要怎么处理?
//订阅 
Text() { 
  ImageSpan(this.isSubscribed ? $r('app.media.subscribe_success') : $r('app.media.subscribe_add')) 
    .width($r('app.float.vp_16')) 
    .width($r('app.float.vp_20')) 
  Span(this.isSubscribed ? $r('app.string.is_subscribed') : $r('app.string.subscribe')) 
    .fontSize($r('app.float.fp_10')) 
    .fontColor(this.isSubscribed ? $r('app.color.quaternaryText') : $r('app.color.album_color')) 
    .align(Alignment.Center) 
    .backgroundColor(Color.Pink) 
} 
.textAlign(TextAlign.Center) 
.margin({ 
  left: $r('app.float.vp_12') 
}) 
.height($r('app.float.vp_20')) 
.padding({ 
  left: $r('app.float.vp_7'), 
  right: $r('app.float.vp_7'), 
}) 
.borderRadius($r('app.float.vp_11')) 
.borderColor(this.isSubscribed ? $r('app.color.quaternaryText') : $r('app.color.album_color')) 
.borderWidth($r('app.float.vp_1'))
        HarmonyOS
      
        赞
        
 收藏 0
 回答 1
 
        待解决
        
相关问题
 HarmonyOS 当Text中包含Span或ImageSpan时,自定义菜单会被Span/ImageSpan影响 
912浏览  • 1回复 待解决
HarmonyOS Text子组件中Span、ImageSpan显示如何优化? 
1575浏览  • 1回复 待解决
HarmonyOS Text中包含子组件,例如Span、ImageSpan,文案变化不会响应onSizeChange 
888浏览  • 1回复 待解决
HarmonyOS Span设置padding和margin不生效,但是imagespan生效 
1693浏览  • 1回复 待解决
HarmonyOS Text中的Span显示问题 
1443浏览  • 1回复 待解决
HarmonyOS Text 中使用 ImageSpan 问题 
1743浏览  • 1回复 待解决
HarmonyOS Text中的span不能设置间距吗 
882浏览  • 1回复 待解决
HarmonyOS  Text/Span使用问题 
1355浏览  • 1回复 待解决
HarmonyOS Text里的ImageSpan加载svg,如何改变颜色? 
1310浏览  • 1回复 待解决
HarmonyOS Text的Span属性什么时候支持设置圆角和图片? 
1257浏览  • 1回复 待解决
HarmonyOS Text的Span不支持align 
1049浏览  • 1回复 待解决
HarmonyOS Text内部Span的宽度设置无效 
1044浏览  • 1回复 待解决
HarmonyOS Text的Span如何添加背景为边框? 
1679浏览  • 1回复 待解决
HarmonyOS Text内的Span有办法底部对齐吗 
896浏览  • 1回复 待解决
HarmonyOS 使用Text里套Span标签使用问题 
1434浏览  • 1回复 待解决
HarmonyOS Text包裹n个span,如何判断Text组件出现Ellipsized,或者超过几行呢 
746浏览  • 1回复 待解决
#鸿蒙通关秘籍#富文本控件RichText,如何实现Text控件中的Span拼接功能,且能给每个Span增加点击事件? 
1020浏览  • 1回复 待解决
HarmonyOS ArkUI Text组件Span希望增加对齐方式的功能特性 
1233浏览  • 1回复 待解决
HarmonyOS Text组件下面的Span元素之间如何设置间距? 
1769浏览  • 1回复 待解决
HarmonyOS Text组件,富文本使用Span设置背景色无效 
2194浏览  • 1回复 待解决
Text的子组件中包含多个Span,如何将其同意设置一个圆角矩形的背景? 
1119浏览  • 1回复 待解决
HarmonyOS span中如何设置圆角 
1453浏览  • 1回复 待解决
HarmonyOS Span的封装问题 
753浏览  • 1回复 待解决





















检查下是否是
没有设置高度造成的,设置了两次宽度
参考: