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。

你可能感兴趣的:(ionic3中文翻译:ToastController)