鸿蒙arkTs Toast抽取 及使用

Toast抽取,创建一个Utils

import promptAction from '@ohos.promptAction';
import display from '@ohos.display';
export function ToastUtils(msg:string){
  try {
    promptAction.showToast({
      message: msg,
      duration: 1500,
      bottom:450
    });
  } catch (error) {
    console.error(`showToast args error code is ${error.code}, message is ${error.message}`);
  };
}

  使用:

import promptAction from '@ohos.promptAction';
import { StringIsEmpty } from '../utils/StringUtils';
import { ToastUtils } from '../utils/ToastUtils';
@Entry
@Component
struct SubmitFormPage {
  @State message: string = 'Hello World'
  @State inputText: string = ""
  build() {
    Row() {
      Column({space:10}) {
        TextInput({ text: this.inputText, placeholder: '请输入名字' })
          .fontSize(15)
          .fontWeight(FontWeight.Normal)
          .width('100%')
          .height(50)
          .backgroundColor('#f6f6f6')
          .borderRadius(10)
          .onChange((value) => {
              this.inputText= value
          })



        Button("提交").height(50).width(100).backgroundColor(Color.Blue).alignSelf(ItemAlign.Center).onClick(()=>{
          let isEmpty = StringIsEmpty(this.inputText);
          if (isEmpty) {
            ToastUtils("请输入文字~")
          }else{
            ToastUtils(this.inputText)
          }

        })


      }
      .width('100%').justifyContent(FlexAlign.Center).alignItems(HorizontalAlign.Start)



    }
    .height('100%')
  }
}

stringUtils只是判断是否为空

export function StringIsEmpty(str:string){
  return str === null || str === undefined || str.trim().length === 0;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值