支持图文混排组件及解决方案

如何支持图文混排,期望文本末跟一个图标。

HarmonyOS
2024-10-09 10:43:13
1066浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
put_get

可以尝试以下代码:

@Entry  
@Component  
struct Index {  
  build() {  
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Start}) {  
      Text() {  
        ImageSpan(图片路径)  
          .width('100px')  
          .height('100px')  
          .objectFit(ImageFit.Fill)  
          .verticalAlign(ImageSpanAlignment.CENTER)  
        Span('测试文本')  
          .fontSize(25)  
        ImageSpan($r('app.media.icon'))  
          .width('100px')  
          .height('100px')  
          .objectFit(ImageFit.Fill)  
          .verticalAlign(ImageSpanAlignment.BOTTOM)  
      }  
      .width('100%')  
      .textIndent(50)  
    }.width('100%').height('100%').padding({ left: 0, right: 0, top: 0 })  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
分享
微博
QQ
微信
回复
2024-10-09 16:44:26


相关问题
如何选择图文混排的实现方案
2933浏览 • 1回复 待解决
基于原生能力实现图文混排
1462浏览 • 1回复 待解决
HarmonyOS 单行图文混排输入框
732浏览 • 1回复 待解决
有人知道如何实现图文混排吗?
1624浏览 • 1回复 待解决
关于图文混排的实现方式有哪些
1065浏览 • 1回复 待解决
关于实现图文混排的几种方式优劣点
1321浏览 • 1回复 待解决
Text 组件如何渲染图文动态混排
1795浏览 • 1回复 待解决
HarmonyOS 音频播放组件解决方案
940浏览 • 1回复 待解决
高级图表实现解决方案
1606浏览 • 1回复 待解决
确认网络状况解决方案
1651浏览 • 1回复 待解决
HarmonyOS 通知推送解决方案
1153浏览 • 1回复 待解决
HarmonyOS代码封装解决方案
1618浏览 • 1回复 待解决
抓包应用,求解决方案
2926浏览 • 1回复 待解决
HarmonyOS事件通信能力解决方案
1924浏览 • 1回复 待解决
HarmonyOS有访问相册有解决方案
1201浏览 • 1回复 待解决
HarmonyOS 滚动事件相关的解决方案
781浏览 • 1回复 待解决
HarmonyOS C++模块引用解决方案
1385浏览 • 1回复 待解决
HarmonyOS 部分文本高亮解决方案
1435浏览 • 1回复 待解决
lazyforeach替换数据源解决方案
1693浏览 • 1回复 待解决