我正在將“正在進行的”react.js應用程式遷移到使用cordova. 除了在鍵盤關閉時不會自行呈現的組件外,所有似乎都可以正常作業,該組件通常看起來像這樣。

現在,當您單擊輸入并關閉它時,視圖會重新呈現:

但是一旦你填滿它并關閉鍵盤,組件就不會重新渲染自己:

組件就這樣卡住了,簡單的解決方案顯然是通過再次設定狀態來“強制渲染”,問題是我似乎無法找到一種方法來監聽這個 react-cordova 應用程式上的鍵盤更改,也是為什么當表單為空時,組件是否會重新呈現自身,但在填充時不會?
uj5u.com熱心網友回復:
希望這對某人有所幫助:在component: 中為視窗調整大小事件添加一個空回呼。
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" />
在<head/>中public/index.html
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/403146.html
標籤:
