今天開發(fā)板到手了，于是想體驗(yàn)一些新的東西。于是就從彈窗做起。

顯示警告彈窗組件，可設(shè)置文本內(nèi)容與響應(yīng)回調(diào)。 從API Version 7開始支持

屬性

paramObject1參數(shù)

paramObject2參數(shù)

案例

@Entry

@Component

struct AlertDialogExample {

  build() {

   Column({ space: 50}) {

    Button('one button')

     .onClick(() => {

      AlertDialog.show(

       {

        title: '彈窗標(biāo)題',

        message: '彈窗內(nèi)容',

        autoCancel:false,

        confirm: {

         value: '確認(rèn)按鈕的文本內(nèi)容',

?

         action: () => {

          console.info('Button-clicking callback')

         }

        },

        cancel: () => {

         console.info('Closed callbacks')

        }

       }

      )

     })

     .backgroundColor(0x317aff)

    Button('two button ')

     .onClick(() => {

      AlertDialog.show(

       {

        title: 'title',

        message: 'text',

        primaryButton: {

         value: 'cancel',

         action: () => {

?

          console.info('Callback when the first button is clicked')

         }

        },

        secondaryButton: {

         value: 'ok',

         action: () => {

          console.info('Callback when the second button is clicked')

         }

        },

        cancel: () => {

         console.info('Closed callbacks')

        }

       }

      )

     }).backgroundColor(0x317aff)

   }.width('100%').margin({ top: 500 })

  }

}

效果圖：

然后我們可以運(yùn)行在真機(jī)上。