Neste post rápido, iremos implementar o Toast, que é uma pequena notificação usada em aplicações modernas, seja mobile ou web.

Uso

Primeiro devemos importar o ToastController:

import { ToastController } from 'ionic-angular';

Apos isto crie uma variavel no Construtor da sua page:

constructor(private toast: ToastController){ }

Agora para usar, basta adicionar a linha abaixo para que a mensagem seja apresentada:

this.toast.create({ message: 'Teste', duration: 3000, position: 'botton' }).present();

message: mensagem a ser exibida.\ duration: duração em milissegundos que a mensagem fica na tela.\ position: posição na tela. Valores aceitos: “top”, “middle”, “bottom”.

Documentação: https://ionicframework.com/docs/api/components/toast/ToastController/

Caso queira testar seu app dentro do proprio Visual Studio Code por exemplo, aqui eu mostro como.