#鸿蒙通关秘籍#如何在页面中嵌入HarmonyOS Next的省市区选择器？

可以通过在页面中的某个交互控件点击事件中调用自定义Dialog控制器实现选择器的显示和关闭。以下示例展示了如何在页面中使用自定义的省市区选择器：

import AreaPickerDialog from '../components/AreaPickerDialog/AreaPickerDialog'

@Entry
@Component
struct Index {
  @State pickerValue: string[] = ['福建省', '厦门市', '思明区']
  @State areaController: CustomDialogController | null = null

  aboutToAppear(): void {
    this.areaController = new CustomDialogController({
      builder: AreaPickerDialog({
        value: this.pickerValue,
        onChange: (value: string[]) => {
          this.pickerValue = value
        }
      }),
      customStyle: true,
    })
  }

  build() {
    Row() {
      Column() {
        Text(`当前选中省市区为：${this.pickerValue.join('')}`)
        Button('打开选择省市区')
          .margin({ top: 20 })
          .onClick(() => {
             this.areaController?.open()
        })
      }
      .width('100%')
    }
    .height('100%')
  }
}