HarmonyOS 鸿蒙Next RichText组件中<Image>元素如何加载资源中的图片？

HarmonyOS 鸿蒙Next RichText组件中<Image>元素如何加载资源中的图片？ 大家好，我想实现下面的效果，查了下文档，应该是用RichText组件，但是哪个红色的箭头怎么怎么加载进来把我难住了，文档中也没有写，有人做过类似的效果吗？

QQ截图20230902214418.jpg


更多关于HarmonyOS 鸿蒙Next RichText组件中<Image>元素如何加载资源中的图片？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

这个不应该用richtext吧，就是一个row，然后里面有text image text三个组件

更多关于HarmonyOS 鸿蒙Next RichText组件中<Image>元素如何加载资源中的图片？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


我用Text组件里面套Span组件+Image绝对位置搞定了。

在HarmonyOS鸿蒙Next中，RichText组件的<Image>元素可以通过以下方式加载资源中的图片：

  1. 使用资源ID：在<Image>元素中直接引用资源ID。例如：

    <Image src="$media:my_image" />

    其中my_image是资源文件中定义的图片资源的ID。

  2. 使用绝对路径：如果图片存储在应用的resources目录下，可以使用绝对路径引用。例如：

    <Image src="/resources/base/media/my_image.png" />

  3. 使用相对路径：如果图片与RichText文件在同一个目录或相对路径下，可以使用相对路径引用。例如：

    <Image src="./my_image.png" />

  4. 使用网络URL：如果图片存储在网络上，可以直接使用URL引用。例如：

    <Image src="https://example.com/my_image.png" />

通过这些方式，可以在RichText组件中加载资源中的图片。

回到顶部