鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Toast组件

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Toast组件

一、操作环境

操作系统: Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1

二、Toast组件

Toast 的应用场景也非常广泛,比如网络请求出错了可以弹一个 Toast 提示等。@ohos.prompt 模块里提供显示一个 Toast 的 API 如下所示:

复制代码
declare namespace prompt {
  // 显示一个Toast
  function showToast(options: ShowToastOptions):void;
}

interface ShowToastOptions { // Toast配置参数
  message: string;           // Toast显示文本
  duration?: number;         // Toast显示时长
  bottom?: string | number;  // Toast距离屏幕底部距离
}
  • options :设备 Toast 显示特性,ShowToastOptions 参数说明如下:
    • message:提示文本,必填项。
    • duration:Toast 显示时间,单位毫秒,范围 [1500, 10000],默认1500。
    • bottom :设置 Toast 的显示位置距离底部的间距。

三、示例

代码

复制代码
import prompt from '@ohos.prompt';

@Entry @Component struct ToastTest {

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

      Button("无参数Toast")
        .onClick(() => {
          prompt.showToast({
            message: "默认Toast"
          })
        })

      Button("带参数Toast")
        .onClick(() => {
          prompt.showToast({
            message: "bottom为300的位置", // 显示文本
            duration: 8000,              // 显示时长
            bottom: 300                  // 距离底部的距离
          })
        })
    }
    .width('100%')
    .height('100%')
    .padding(10)
  }
}

图片

相关推荐
爱笑的眼睛112 小时前
HarmonyOS 应用开发深度解析:ArkTS 声明式 UI 与状态管理最佳实践
华为·harmonyos
安卓开发者3 小时前
鸿蒙Next ArkWeb进程解析:多进程架构如何提升Web体验
前端·架构·harmonyos
damo王4 小时前
鸿蒙(HarmonyOS) 历史
华为·harmonyos
爱笑的眼睛115 小时前
HarmonyOS声明式UI开发:深入ArkUI与状态管理实践
华为·harmonyos
爱笑的眼睛115 小时前
HarmonyOS 应用开发进阶:深入 Stage 模型与 ArkUI 声明式开发实践
华为·harmonyos
2501_919749035 小时前
鸿蒙:更改状态栏、导航栏颜色
华为·harmonyos
2501_919749035 小时前
鸿蒙:@Builder 和 @BuilderParam正确使用方法
华为·harmonyos
爱笑的眼睛115 小时前
HarmonyOS应用开发:深入解析Stage模型与UIAbility
华为·harmonyos
HMSCore8 小时前
Cloud Foundation Kit启动预加载,赋能喜马拉雅秒启秒开流畅体验
harmonyos
我在看你呵呵笑21 小时前
GD32VW553-IOT开发板移植适配openharmony
物联网·华为·harmonyos