Ionic3中文翻译:ToastController

原文

Toast是应用中常用的微妙(subtle )通知。它用于提示有关操作的反馈或显示系统消息。Toast显示在app内容的顶部(覆盖内容),app可以将其关闭,以恢复用户与app的交互。
(一般这些描述打开官网看看演示就会很明了)

1.创建

toast的所有选项都应该在create方法的第一个参数中传递:create(opts)。message选项设置要显示的消息。showCloseButton选项设置为true,在Toast上将显示一个关闭按钮。有关所有可用选项,请参阅下面的create方法。

2.显示的位置

Toast可以显示在视口的顶部,中间,或底部。position选项可以传递给Toast.create(opts)方法。position选项的值是一个字符串,可选值有top,middle和bottom。如果未指定position的值,则默认在视口的底部显示Toast。

3.关闭(三种关闭)

①Toast可以通过传递毫秒数给Toast的duration选项,在特定时间后自动关闭。②如果showCloseButton选项设置为true,则关闭按钮也可关闭Toast。③也可以调用 Toast实例上的dismiss()方法来关闭Toast。

当Toast被关闭之后,将会触发onDidDismiss函数。

4.用法
import { ToastController } from 'ionic-angular';

constructor(private toastCtrl: ToastController) {

}

presentToast() {
  let toast = this.toastCtrl.create({
    message: 'User was added successfully',
    duration: 3000,
    position: 'top'
  });

  toast.onDidDismiss(() => {
    console.log('Dismissed toast');
  });

  toast.present();
}

实例成员

config

create(opts)

创建一个Toast。见下面的选项

参数 类型 细节
opts ToastOptions Toast选项。请参阅下表以了解可用选项。

高级

属性 类型 默认 描述
message string - Toast显示的信息
duration(持续时间) number - 多少毫秒后关闭Toast。默认情况下,它会一直显示直到dismiss()被调用。
position string "bottom" Toast在屏幕上的位置。值可为:"top","middle"或"bottom"。
cssClass string - 自定义的样式,以空格分隔。
showCloseButton boolean false 是否显示一个按钮来关闭Toast。
closeButtonText string "Close" 关闭按钮中显示的文本。
dismissOnPageChange boolean false 是否导航到新页面后关闭Toast。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,680评论 19 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 15,526评论 4 61
  • 又到月尾,从之前一天写一篇文章到现在的一月一篇,当然,质量基本没有,但是意义却不是没有。记录自己每一阶段的思想,就...
    一凡SU阅读 179评论 0 0
  • 在这个平静的日子里 只有我觉得它充满仪式感 虽然也只是把它当做平凡的一天 但内心总希望 生活能带给我意外的惊喜 然...
    小小小桃阅读 339评论 0 0
  • 从梦中挣扎着醒来的时候,我还保持着委屈的表情,半眯着眼睛愣了几秒才回到现实,身体的姿势也从紧绷慢慢复原。 我梦到了...
    田辰希阅读 2,507评论 23 59

友情链接更多精彩内容