HarmonyOS 鸿蒙Next ArkUI 下使用 API 9 时如何进行图文混排？

HarmonyOS 鸿蒙Next ArkUI 下使用 API 9 时如何进行图文混排？ 如题，目前正在学习 Harmony OS 开发，但是发现图文混排中的 ImageSpan 是 API 10 中提供的，请教各位彦祖在 API 9 时如何进行图文混排？

看其他帖子有的开发者说用 Row ，但是 Row 怎么解决文本换行的问题？比如说我有两行的文本，图片在第一行的开头，我想让第二行的文本的左侧对齐图片的左侧应该怎么处理？

另额外请教下各位，API 10 应该怎么获取？是得有公司开发者账户吗？

5 回复

API10，可以通过公司申请，通过了可以有权限查看。

如果像我们这种个人想看的话，也有办法：

图文，这是我之前做图文总结的方法。API10

更多关于HarmonyOS 鸿蒙Next ArkUI 下使用 API 9 时如何进行图文混排？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


API9目前看可以通过：RichText富文本来做。其他控件做不了。

看到 RichText 了，但是文档上说这实际上是一个 WebView，担心性能。

这是文本内容

这是文本内容

在HarmonyOS鸿蒙Next的ArkUI中使用API 9进行图文混排，可以通过Text和Image组件结合Flex布局实现。首先，使用Flex容器包裹Text和Image组件，设置FlexDirection为Row或Column来控制排列方向。通过justifyContent和alignItems属性调整对齐方式。例如：

Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center }) {
  Image($r('app.media.icon'))
    .width(50)
    .height(50)
  Text('Hello, HarmonyOS!')
    .fontSize(20)
}

这样即可实现图文混排效果。

回到顶部