HarmonyOS NEXT showLoading 和 showToast 怎么实现?

Question

HarmonyOS NEXT showLoading 和 showToast 怎么实现?

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

你可使用promptAction.openCustomDialog自定义弹窗：

//Index.ets  
import { 
  changeDialogBuilder, 
  MyShowTest 
} 
  from '../common/HttpUtils'import { 
  customDialogBuilder 
} 
  from './testProm'let myShowTest = new MyShowTest()@Entry@Component struct Index {@State message: string = 'Hello World'onPageShow() : void { 
  changeDialogBuilder(customDialogBuilder.bind(this)) 
} 
  build() { 
    Row() { 
      Column() { 
        Text(this.message).fontSize(50).fontWeight(FontWeight.Bold).onClick(() = >{ 
          myShowTest.showTest() 
        }) 
      }.width('100%') 
    }.height('100%') 
  } 
} 
//testProm.ets  
@Builder export 
function customDialogBuilder() { 
  Column() { 
    Text('正在加载中').fontSize(16) 
  }.height(100).width(100).backgroundColor('#EEE') 
} 
//HttpUtils.ets  
import promptAction from '@ohos.promptAction'let myDialogBuilder: CustomBuilder; 
let customDialogId: number = 0 export 
function changeDialogBuilder(builder: CustomBuilder) { 
  myDialogBuilder = builder 
} 
export class MyShowTest { 
  showTest() { 
    if (myDialogBuilder === undefined) { 
      return 
    } 
    promptAction.openCustomDialog({ 
      builder: myDialogBuilder, 
      alignment: DialogAlignment.Center, 
    }).then((dialogId: number) = >{ 
      customDialogId = dialogId 
    }) setTimeout(() = >{ 
      promptAction.closeCustomDialog(customDialogId) 
    }, 
      2000) 
  } 
}