# yk_toast

**Repository Path**: caofeng9527/yk_toast

## Basic Information

- **Project Name**: yk_toast
- **Description**: 鸿蒙版Toast
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-06-28
- **Last Updated**: 2024-07-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# yk_toast
一个简单易用的鸿蒙Toast组件，包含 Text, Loading, success, fail 模式

# usage

```

import {YkToast,YkHUD} from 'yk_toast'

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  @State toast:YkToast = new YkToast()

  build() {
    Column({space:20}) {

      Button("显示Text Toast").margin({top:50})
        .fontSize(25).onClick(()=>{
        this.toast.showToast("这是Toast内容")
      })
      Button("显示loading Toast").fontSize(25).onClick(()=>{
        this.toast.showLoading("加载中...")
        setTimeout(()=>{
          this.toast.hiddenToast()
        },5000)
      })
      Button("显示success Toast").fontSize(25).onClick(()=>{
        this.toast.showSuccessToast("保存成功")
      })
      Button("显示fail Toast").fontSize(25).onClick(()=>{
        this.toast.showErrorToast("保存失败")
      })
      YkHUD({toast:this.toast})
    }
    .width('100%')
  }
}

```

# 效果图

## Text 模式
<img src="text.png" width = "300px"/>

## Loading 模式
<img src="loading.png" width = "300px"/>

## Success 模式
<img src="success.png" width = "300px"/>

## Fail 模式
<img src="error.png" width = "300px"/>