HarmonyOS 自定义控件，如何通过controller的形式控制控件渲染

可以在初始化组件时，传递一个方法给自定义组件，在自定义组件中触发该方法，组件中变量作为方法的参数。这样就可以实现将控制器功能嵌入到自定义组件内部的效果。

//Index
import { CustomWidget } from './CustomWidget';
import { CustomController } from './CustomController';
@Entry
@Component
struct Index {
  controller: CustomController = new CustomController();
  build() {
    Column() {
      CustomWidget({ controller: this.controller }).width("100%").height("100%").onClick(() => {
        this.controller.numberAdd();
      })
    }.width("100%").height("100%")
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.

//CustomWidget
import { CustomController } from './CustomController';
@Component
export struct CustomWidget {
  controller: CustomController = new CustomController();
  @State index: number = 0
  numberAdd = () => {
    this.index++;
  };
  aboutToAppear(): void {
    this.controller.numberAdd = this.numberAdd;
  }
  build() {
    Column() {
      Text("current number is" + this.index.toString())
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.

//CustomController
export class CustomController {
  numberAdd = () => {
  }
}
1.
2.
3.
4.
5.