【鸿蒙实战开发】HarmonyOS基本UI封装——顶部Toast、骨架屏

简介

鸿蒙基本库封装，提升鸿蒙开发效率

安装

ohpm install @peakmain/library

一、NavBar扩展

背景

因有大哥希望导航栏支持两个按钮，于是我这边对NavBar进行了扩展

导入依赖

import NavBar from "@peakmain/library/src/main/ets/components/title/NavBar"

参数

新增leftClick和showLeftClose两个参数

二、顶部Toast

导入依赖

import { ToastComponent } from "@peakmain/library"

参数

ToastType枚举类型

示例代码

CustomDialogController仅在作为@CustomDialog和@Component
struct的成员变量，且在@Component struct内部定义时赋值才有效

声明需要显示内容的CustomDialogController

  dialogController: CustomDialogController = new CustomDialogController({
  builder: ToastComponent({
    content: this.toastStatus == 0 ? "默认情况" : (this.toastStatus == 1 ? "正确情况" : "错误情况"),
    type: this.toastStatus == 0 ? ToastType.NORMAL : (this.toastStatus == 1 ? ToastType.SUCCESS : ToastType.ERROR),
  }),
  customStyle: true,
  alignment: DialogAlignment.Top,
  autoCancel: false
})

需要显示的地方直接调用open即可

this.dialogController.open()

三、Skeleton骨架屏

导入依赖

import {  PkSkeleton } from '@peakmain/library';

参数

示例代码

PkSkeleton({
  count: 3,
  showAvatar: this.showAvatar
})

写在最后

●如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我两个小忙：
●点赞，转发，有你们的 『点赞和评论』，才是我创造的动力。
●关注小编，同时可以期待后续文章ing ，不定期分享原创知识。