如何在不重叠的情况下显示多个小吃店

Question

我可以在屏幕上显示多条消息而不与snackBar 重叠吗？

我有一项服务可以在我的应用程序中显示消息，但问题是当发生多个事件时我需要在屏幕上显示消息时，该消息会被最后一条要显示的消息覆盖。

我需要一种不重叠我的消息并在不替换其他消息的情况下显示另一个消息的好方法。

我希望它以与 Toast 相同的方式工作，在另一条消息下方显示一条消息而不重叠。

我在下面这样做的方式，一次只在屏幕上显示一条消息。

snack-message.service.ts：

  horizontalPosition: MatSnackBarHorizontalPosition = 'center';
  verticalPosition: MatSnackBarVerticalPosition = 'top';

  constructor(
    public snackBar: MatSnackBar){}

  showMessage(message: string) {
    this.snackBar.open(message, 'Close', {
      duration: 5000,
      horizontalPosition: this.horizontalPosition,
      verticalPosition: this.verticalPosition,
    });
  }

Answer 1

我认为小吃店只能使用一次。

查看文档：

https://material.io/components/snackbars#usage

一次只能显示一个小吃吧。