0
114
ViewsRenderizar el componente después de que el teclado se cierra o escuchar el evento de cierre del teclado en la aplicación de reacción en cordova android
Estoy migrando una aplicación react.js de 'trabajo en progreso' a una aplicación de Android usando cordova . todo parece funcionar bien, excepto por un componente que no se muestra bien cuando se cierra el teclado, el componente generalmente se ve así. 
Ahora, cuando hace clic en una entrada y la cierra, la vista se vuelve a mostrar bien: 
Pero una vez que lo llena y cierra el teclado, el componente no se vuelve a renderizar: 
el componente simplemente se atasca así, la solución fácil obviamente sería "forzar el renderizado" configurando el estado nuevamente, el problema es que parece que no puedo encontrar una manera de escuchar los cambios del teclado en esta aplicación react-cordova , también por qué ¿Se volvería a representar el componente cuando el formulario está vacío pero no cuando está lleno?
1 answers
Answer question0
Espero que esto ayude a alguien: en el component : agregue una devolución de llamada vacía para el evento de cambio de tamaño de la ventana.
useEffect(() => { window.onresize = function(){ //console.log("resizing"); }; }, []); así como agregar a cordova config.xml: dentro de la widget tab xmlns:android="http://schemas.android.com/apk/res/android" como una propiedad
y:
<edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity"> <activity android:configChanges="orientation|keyboardHidden" android:windowSoftInputMode="adjustResize" /> </edit-config>como contenido del widget.
también: <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />
en el <head/> de public/index.html