Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework 爱奥尼亚4&;Angular 8 PWA-在Android浏览器中隐藏页脚_Ionic Framework_Ionic4_Angular8_Progressive Web Apps - Fatal编程技术网

Ionic framework 爱奥尼亚4&;Angular 8 PWA-在Android浏览器中隐藏页脚

Ionic framework 爱奥尼亚4&;Angular 8 PWA-在Android浏览器中隐藏页脚,ionic-framework,ionic4,angular8,progressive-web-apps,Ionic Framework,Ionic4,Angular8,Progressive Web Apps,我正在创建一个带有角度8和离子4的PWA。 我使用的是“ion fab”,但在Android浏览器中,键盘推动组件 我已经看到,在Ionic Native中,您可以使用Cordova()管理键盘控件,但我需要它用于PWA。有什么解决办法吗 <ion-content> </ion-content> <ion-footer> <ion-fab vertical="bottom" horizontal="end" slot="fixed"> &

我正在创建一个带有角度8和离子4的PWA。 我使用的是“ion fab”,但在Android浏览器中,键盘推动组件

我已经看到,在Ionic Native中,您可以使用Cordova()管理键盘控件,但我需要它用于PWA。有什么解决办法吗

<ion-content>
</ion-content>
<ion-footer>
  <ion-fab vertical="bottom" horizontal="end" slot="fixed">
   <ion-fab-button>
     <ion-icon name="add"></ion-icon>
   </ion-fab-button>
  </ion-fab>
</ion-footer>

不幸的是,当键盘打开时,无法避免Android上的视口大小调整,甚至在独立应用程序上实现了
@ionic native/keyboard
插件。因此,您需要解决这个问题,您可以选择以下几个选项:

  • 当键盘打开/关闭时,将触发
    调整大小
    事件。您可以使用它按程序应用更改,但是,此事件也会由其他操作触发

  • 主体
    高度低于预期值时,使用CSS媒体查询隐藏某些组件

  • 在应用程序启动时获取窗口
    innerHeight
    值,并将body元素设置为固定高度:

还要记住更新元标记以避免强制执行所需的视口行为:

<meta name="viewport" content="viewport-fit=cover, width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

<meta name="viewport" content="viewport-fit=cover, width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />