键盘关闭后渲染组件或在 cordova android 的反应应用程序中收听键盘关闭事件

Question

我正在使用cordova将“正在进行的” react.js应用程序迁移到 android 应用程序。 一切似乎都工作正常，除了一个组件在键盘关闭时不会呈现自己，该组件通常看起来像这样。

现在，当您单击输入并关闭它时，视图重新渲染得很好：

但是一旦你填充它并关闭键盘，组件就不会重新呈现自己：

组件就这样卡住了，简单的解决方案显然是通过再次设置 state 来“强制渲染”，问题是我似乎无法找到一种方法来听这个 react-cordova 应用程序上的键盘变化，也是为什么当表单为空时组件是否会重新呈现自己，但在填充时不会？

Answer 1

希望这对某人有所帮助：在component中：为 window 调整大小事件添加一个空回调。

useEffect(() => {
        window.onresize = function(){
            //console.log("resizing");
        };
    }, []);

以及添加到 cordova config.xml：在widget tab内xmlns:android="http://schemas.android.com/apk/res/android"

和：

<edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity">
    <activity android:configChanges="orientation|keyboardHidden" android:windowSoftInputMode="adjustResize" />
    </edit-config>

作为小部件的内容。

另外： <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />

在public/index.html的<head/>中