使用"ToastController"显示通知列表

Question

我需要在进入主屏幕后立即通知用户，来自Firebase集合的消息列表，将显示的字段是"文本"。但是，我只会将带有"read"字段的消息显示为 false。理解消息后，此消息的"read"字段将设置为 true，以便不再向用户显示此消息。我的问题是当我呈现消息时，他只是在搜索此集合中的最后一个文档。例如，我要显示 3 条消息，而系统只显示第 3 条消息......

服务 =>

getMensagem() {
return this._angularFirestore
.collection(`usuario/${this.user.uid}/mensagem`,
ref => ref.where('lida', '==', false))
.valueChanges({ idField: 'id' });
}

Inicio.page =>

ngOnInit(): void {
this._usuarioService.getMensagem()
.pipe(takeUntil(this.unsubscribeAll))
.subscribe(mensagens => {
mensagens.forEach(async str => {
await this.presentToast(str.texto);
});
});
}
async presentToast(message) {
const toast = await this._toastController.create({
message: message,
duration: 3000,
position: 'top'
});
toast.present();
}

我需要他把信息一个接一个地呈现在另一个下面。 这可能吗？

Answer 1

离子烤面包机并非旨在以堆叠形式显示多个吐司消息。 如果有两个 Toast 消息，而不是仅在第一个烤面包机之后，则会出现第二个。