解决ionic5多个模态关闭一个其他不显示的问题

Posted kerwin cui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决ionic5多个模态关闭一个其他不显示的问题相关的知识,希望对你有一定的参考价值。

ionic5 modal使用过程中,在模态窗中打开另外一个模态窗,浏览器中显示正常,但是andorid8系统真机调试时,关闭最上层模态窗,上级模态窗DOM中存在,但是不显示。

原因是android版本太低,应该是9以下版本,不支持web animation导致多级模态窗关闭其中一个,共享的样式丢失,其他的模态窗存在DOM中,但是没有样式。

解决办法,安装下面对应的包:

Ionic Angular

npm i @ionic/angular@5.1.0-dev.202004011618.3123a31

Ionic React

npm i @ionic/react@5.1.0-dev.202004011618.3123a31

 

以上是关于解决ionic5多个模态关闭一个其他不显示的问题的主要内容,如果未能解决你的问题,请参考以下文章

一次关闭多个模态视图控制器?

ionic 5 Modal在iOS上显示空白页面

Ionic 5 Modal over modal 缺少离子背景

Bootstrap 显示多个模态框(modal)

ReactStrap 模态关闭图标未在模态中显示以及如何将标题与其他标签一起使用

引导多个模态问题必须一个接一个地打开关闭