Ionic 2 La forma sube cuando se muestra el teclado

Estoy utilizando la última versión de ionic 2. Mi código tiene un

con una entrada de texto dentro de él. Cuando trato de escribir algo ahí en Android, toda la página se empuja hacia arriba con el teclado.

archivo html

  
Username Password

hay alguna solucion?

Todo esto debería arreglarse en el RC4 (pronto). Dicho esto, para desactivar el desplazamiento cuando la entrada está enfocada, agréguela a su objeto config (en el @NgModule ):

 ... imports: [ IonicModule.forRoot(MyApp, { scrollAssist: false, autoFocusAssist: false }), ... ], ... 

Una muy buena explicación de esas dos propiedades se puede encontrar aquí :

Sin embargo, en los valores predeterminados de Ionic2, existen funciones adicionales que intentan compensar el deslizamiento del teclado al agregar relleno en la parte inferior del contenido (‘scrollAssist’) y mantener el elemento de entrada enfocado dentro de la ventana volviendo a él ( ‘autoFocusAssist’). Tanto scrollAssist como autoFocusAssist tienen switches muy bien implementados en config que simplemente no parecen haber sido documentados públicamente.

También puede usar el ionic-plugin-keyboard para evitar que el navegador nativo presione / desplace el panel de contenido hacia arriba y permita que el teclado se deslice y cubra el contenido existente:

 this.platform.ready().then(() => { StatusBar.styleDefault(); Splashscreen.hide(); Keyboard.disableScroll(false); // < - like this // ... 

ACTUALIZAR

Al igual que @Luckylooke mencionado en los comentarios:

Compatible con Keyboard.disableScroll (), ios y windows

ACTUALIZACIÓN II

Desde Ionic 3.5.x parece que el teclado todavía tiene algunos problemas. Descubrí que la siguiente configuración produce un mejor resultado (en comparación con los valores predeterminados) desde el punto de vista UI / UX:

 @NgModule({ declarations: [ MyApp, //... ], imports: [ //... IonicModule.forRoot(MyApp, { scrollPadding: false, scrollAssist: true, autoFocusAssist: false }) ], bootstrap: [IonicApp], entryComponents: [ // ... ], providers: [ // ... ] }) export class AppModule { } 

Al mantener scrollAssist: true evitamos que el teclado oculte la entrada si está cerca de la parte inferior de la página, y al configurar scrollPadding: false también evitamos algunos errores extraños relacionados con un espacio en blanco vacío después de ocultar el teclado.

Hay algunos problemas para las entradas y las formas con el desplazamiento como se menciona aquí, así que recomiendo esperar al siguiente RC para que lo arreglen, porque no es un error iónico.

Agregue este método a .ts en esta página

 ionViewWillEnter() { this.content.resize(); } 

Mi escenario es: el teclado se llama en esta página, pero cuando regrese a la página anterior, la página aparecerá como un todo, y trato de resolverlo con este método, utilizo ionic2.

Simplemente agregue estas propiedades a su ionicModule en app.module.ts. funciona para mi.

 IonicModule.forRoot(MyApp, { scrollAssist: false, autoFocusAssist: false })