Как показать несколько закусок без наложения

Могу ли я отображать несколько сообщений на экране, не перекрывая другие с помощью SnackBar?

У меня есть служба для отображения сообщений в моем приложении, но проблема в том, что когда происходит более одного события, когда мне нужно отобразить сообщение на экране, сообщение перезаписывается последним отображаемым сообщением.

Мне нужен хороший способ не перекрывать мои сообщения и не отображать одно под другим, не заменяя другие.

Я хотел бы, чтобы он работал так же, как работает Toast, отображая одно сообщение под другим без перекрытия.

То, как я делаю это ниже, отображает на экране только одно сообщение за раз.

snake-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,
    });
  }

person Luiz Ricardo Cardoso    schedule 20.03.2018    source источник


Ответы (1)


Я думаю, что закусочную можно использовать только один раз.

Проверьте документацию:

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

Одновременно может отображаться только одна закусочная.

person Rafael Ferreira    schedule 20.03.2018
comment
Это проблема для меня ... потому что на одном экране можно выполнить несколько действий и уведомить пользователя о происходящих действиях ... мой проект в полной мере использует Angular Material ... - person Luiz Ricardo Cardoso; 21.03.2018
comment
Вы можете использовать что-то вроде диалогового окна material.angular.io/components/dialog/overview и используйте с setTimeOut для закрытия или используйте другую библиотеку для отображения предупреждений. github.com/flauc/angular2-notifications Что вы думаете? - person Rafael Ferreira; 21.03.2018
comment
Меня заинтересовал angular2-notifications, у него интересный вид, и я думаю, что он будет соответствовать внешнему виду моего приложения ... Я буду использовать SnackBar в других случаях ... спасибо за совет! - person Luiz Ricardo Cardoso; 21.03.2018