HarmonyOS鸿蒙Next中自定义组件如何添加图片

在HarmonyOS鸿蒙Next中，自定义组件添加图片可以通过Image组件实现。首先，确保图片资源已放置在resources/base/media目录下。然后，在自定义组件的build方法中使用Image组件，并通过$r或$rawfile引用图片资源。例如：

@Entry
@Component
struct MyComponent {
  build() {
    Column() {
      Image($r('app.media.my_image')) // 引用resources/base/media/my_image.png
        .width(100)
        .height(100)
    }
  }
}

如果图片位于rawfile目录下，可以使用$rawfile引用：

Image($rawfile('my_image.png')) // 引用resources/rawfile/my_image.png
  .width(100)
  .height(100)

通过这种方式，可以在自定义组件中成功添加图片。