import promptAction from '@ohos.promptAction';

// xxx.ets

@Entry

@Component

struct HitTestBehaviorExample {

  build() {

    // outer stack

    Stack() {

      Button('outer button')

        .onClick((event) => {

          promptAction.showToast({ message: `click事件触发-----++++2` });

        })

      // inner stack

      Stack() {

        Button('inner button')

          .onTouch((event) => {

            promptAction.showToast({ message: `click事件触发-----------1` });

          })

      }.width(300).height(300)

    }

  }

}

class Info {

  name: string;

  constructor(name: string) {

    this.name = name;

  }

}

@Entry

@Component

struct Index {

  @State nameList: Info[] = [new Info("Tom"), new Info("Bob"), new Info("John")]

  build() {

    Column() {

      ForEach(this.nameList, (item: Info) => {

        Text(`${item.name}`)

        Button("A")

          .onClick(() => {

            this.nameList.push(new Info("Lucy"));

          })

        Button("B")

          .onClick(() => {

            this.nameList[0] = new Info("Eric");

          })

        Button("C")

          .onClick(() => {

            this.nameList[0].name = "Jim";

          })

        Button("D")

          .onClick(() => {

            this.nameList = [new Info("Barry"), new Info("Cindy"), new Info("David")];

          })

      })

    }

  }

}