HarmonyOS 鸿蒙Next 弹窗与键盘

可参考下面的示例

[@Entry](/user/Entry)

[@Component](/user/Component)

struct SafeAreaPage2 {

  [@State](/user/State) text: string = ''

  controller: TextInputController = new TextInputController()

  [@State](/user/State) panelHeight: string = '0'

  build() {

    Stack({ alignContent: Alignment.Bottom }) {

      Column() {

        Button('弹起/收起').onClick(() => {

          if (this.panelHeight === '0') {

            this.panelHeight = '85%'

          }else {

            this.panelHeight = '0'

            this.controller.stopEditing()

          }

        })

      }

      .expandSafeArea([SafeAreaType.KEYBOARD])

      .width('100%')

      .height('100%')

  CustomEdit()

    .height(this.panelHeight)

    .visibility(this.panelHeight === '0' ? Visibility.Hidden : Visibility.Visible)

    .animation({ duration: 300 })

}

.width('100%')

.height('100%')

  }

}

[@Component](/user/Component)

struct CustomEdit {

  build() {

    Column() {

      Text('请评论')

     .margin({ top: 10 })

      TextArea({ placeholder: '请输入' })

        .width('96%')

        .backgroundColor(Color.White)

        .borderWidth(1)

        .borderColor('#666')

        .borderRadius(10)

        .margin({ top: 5,bottom:5})

        .defaultFocus(true)

        .layoutWeight(1)

        .textAlign(TextAlign.Start)

    }

    .width('100%')

    .borderRadius({topLeft:15,topRight:15})

    .backgroundColor(Color.Pink)

    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])

  }

}