鸿蒙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)