android - 键盘正在将选项卡和应用程序内容推向 Android 中的 ionic 3

标签 android angular typescript ionic-framework ionic3

<分区>

我正在 ionic 3 上开发应用程序,但遇到了问题。当我点击搜索并打开键盘时,只会将应用程序的全部内容推到顶部。

enter image description here

enter image description here

我的选项卡代码, View

<ion-tabs color='navbarColor'>
<ion-tab [root]="tab1Root" tabTitle="Inicio" tabIcon="ios-home"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="Cultivos" tabIcon="ios-leaf"></ion-tab>
<ion-tab [root]="tab3Root" tabTitle="Suelos" tabIcon="ios-flask"></ion-tab>
<ion-tab [root]="tab4Root" tabTitle="Acerca" tabIcon="ios-information-
circle"></ion-tab>
</ion-tabs>

Controller

import { Component } from '@angular/core';
import { AboutPage } from '../about/about';
import { HomePage } from '../home/home';
import { CultivosPage } from '../cultivos/cultivos';
import { SuelosPage } from '../suelos/suelos';

@Component({
templateUrl: 'tabs.html'
})
export class TabsPage {

tab1Root = HomePage;
tab2Root = CultivosPage;
tab3Root = SuelosPage;
tab4Root = AboutPage;

constructor() {

}
}

最佳答案

这是我的解决方案:

将所有内容放入 ionic grid如下图。设置min-height: 100%后。就是这样。

.html

<ion-content class="my-content">
  <ion-grid>
    <ion-row class="row1">
      <ion-col col-12>

      </ion-col>
    </ion-row>

  </ion-grid>
</ion-content>

.scss

.my-content {
        ion-grid {
            min-height: 100%;
        }
        .row1 {
            flex: 1;
        }
}

关于android - 键盘正在将选项卡和应用程序内容推向 Android 中的 ionic 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47384345/

相关文章:

android - 服务器上的Google Play应用内购买验证

javascript - Angular2 - 当两个事件发射器发出时订阅

html - 在组件中引用 ngFor 值

javascript - 通过 webpack 从 typescript 导出对象并在 JS 中使用

android - 如何在android中的可运行线程中显示对话框?

android - 工作重复 alarmmanager 不起作用,接收器不启动

javascript - typescript 中的 window.webkit

node.js - 在 typescript 中使用指挥官

android - 我可以在现有的 GCM 服务器上注册一个新的应用程序吗?

javascript - 阅读后更改消息的背景颜色