Trigger.io を使用して、HTML5 でラップされた iOS/Android アプリを構築しています。
仮想キーボードを閉じた後、または電話の向きが変わった後、Android で問題が発生し、画面に灰色の背景が表示されることがあります。
スクリーンショットの例を以下に示します。
灰色の背景は、アプリのページの最後です。一瞬表示される場合もあれば、ページをスクロールする、キーボードを元に戻す、方向を変更するなどの操作を行うまで表示されたままになる場合もあります。
見ていてかなりうるさいです。
理想的には問題の発生を止めたいのですが、一時的な修正として、グレーを独自の背景色に設定して目立たないようにすることができれば幸いです.
これは、キーボードが消えたときに HTML が再描画されていないように見えます...レンダリングをトリガーするために何かを行うとクリアされますか?
ここで UI を処理するためにフレームワークを使用していますか? 表示されているビューポートに基づいて何か巧妙なことをしようとしている可能性がありますか?
私が知る限り、問題の根本は Web ビューが正しく再描画されていないか、JavaScript の何かがビューポートのサイズ変更に応答していないことにあります。
「Web」ターゲット (Android ではなく) でアプリを実行してから、携帯電話のブラウザーで開くことができます。同じ効果を作成するのに十分なほどアプリにアクセスできる場合は、問題を webview のレンダリングまたは分離するのに役立ちます。あなたのJS。
私のプロジェクトでは、Android 2.3.5 で非常によく似た問題が発生しましたが、Android 4.* では発生しませんでした。私の場合の原因は、マニフェストで関連するアクティビティにウィンドウのソフト入力モードを設定していませんでした:
android:windowSoftInputMode="adjustPan"
代わりに、キーボードが表示されたときにウィンドウのサイズが変更されていましたが、キーボードが消えたときに再度サイズ変更されていないようです。
詳細については、こちらをご覧ください。