#鸿蒙通关秘籍#如何在HarmonyOS中创建和使用跨文件复合组件？

HarmonyOS中跨文件复合组件的复用适用于结合多个原生组件的场景，例如图文结合的自定义组件：

1. 在公共组件库中创建一个支持attributeModifier的自定义组件：

   @Component
   export struct ImageText {
       @State item: string | Resource = $r('app.string.text');
       @State textOne: AttributeModifier<TextAttribute> = new TextModifier();
       @State imageModifier: AttributeModifier<ImageAttribute> = new ImageModifier();
   
       build() {
           Row() {
               Image($r('app.media.icon'))
                   .attributeModifier(this.imageModifier);
               Text(this.item)
                   .attributeModifier(this.textOne);
           }
       }
   }
   

2. 使用方创建AttributeModifier实现类实例，并将其作为自定义组件的参数传入：

   @Component
   export struct ShoppingCart {
       @State textOne: CommodityText = new CommodityText(TextType.TYPE_ONE, 15);
       @State imageModifier: ImageModifier = new ImageModifier(100, 100);
   
       build() {
           ImageText({
               item: $r('app.string.text'),
               textOne: this.textOne,
               imageModifier: this.imageModifier
           });
       }
   }
   

通过这种方法，可以将复杂的组件结构封装成独立的模块，在不同的页面中进行灵活复用。