android - para - teclado gboard

Cuadro de texto oculto debajo del teclado en la vista web de Android

Question

Creé una aplicación simple para iPhone / Android que contiene una vista web normal. Esta vista web llama a mi sitio web.

En mi sitio web hay varios formularios con tipo de entrada = texto o área de texto. ¡Tengo un problema con ellos cuando están en la parte inferior de la página!

1) En mi aplicación de iPhone, el teclado aparecerá automáticamente y empujará el cuadro de texto al área visible de la pantalla del teléfono. Entonces no hay nada que hacer.

2) Pero en mi aplicación de Android el cuadro de texto permanecerá en el mismo lugar y mi teclado lo ocultará. Entonces, la única opción que tienen los usuarios es escribir "a ciegas".

¿Cómo puedo arreglar esto? ¿Alguien más encontró este problema?

Answer 1

Así es como resolví el problema. Como dijo Venky, debes agregar

android:windowSoftInputMode="adjustResize"

a su etiqueta en el archivo AndroidManifest.xml. Pero en nuestro caso, no fue suficiente. Asegúrese de hacer esto también con sus vistas, vistas web, etc. Luego, finalmente lo hicimos funcionar.

Answer 2

Me estaba android:windowSoftInputMode="adjustResize" loco. Nada funciona. android:windowSoftInputMode="adjustResize" puede ayudar pero asegúrese de que su aplicación no esté en pantalla completa.

La eliminación de la pantalla completa para mi aplicación resolvió el problema con el cambio de tamaño del diseño con el teclado.

<item name="android:windowFullscreen">false</item>

Answer 3

Sí, tuve el mismo problema al trabajar con Webview, el mío fue con la entrada archivada en modal. Textfield no se "enfocó" sobre el teclado. La solución fue retrasar la llamada a la función. Espero que alguien encuentre esto útil.

   $("body").on("click", ".jstree-search-input", function () {  

    setTimeout(function(){ 
        androidScroll(); 
    }, 500);
    });

Como puedes ver, se usa para jstree input ...

   function androidScroll() {
    // Webview focus call (pushes the modal over keyboard)
        $(''.control-sidebar-open '').scrollTop($(''.control-sidebar-open '')[0].scrollHeight);

}

Answer 4

Esto funcionaría:

getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);

Answer 5

Pocas cosas que aprendí al resolver este problema --- 1. El estilo del tema no debe contener Fullscreen True 2. Añadir android: windowSoftInputMode = "adjustResize" 3. Eliminar android: scrollbars = "none" es cualquier ... ¡Aclamaciones!