鸿蒙arkTs Toast抽取 及使用
Button("提交").height(50).width(100).backgroundColor(Color.Blue).alignSelf(ItemAlign.Center).onClick(()=>{TextInput({ text: this.inputText, placeholder: '请输入名字' })ToastUtils("请输入文字~")stringUtils只是判断是否为空
·
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; }
更多推荐
已为社区贡献2条内容
所有评论(0)