PhoneGap с использованием WKWebView - iFrame не полная высота - PullRequest
0 голосов
/ 13 февраля 2020

У меня проблемы с отображением приложения PhoneGap на iOS. Это прекрасно в Android. Я сейчас пытаюсь с плагином WKWebView, чтобы заставить iFrame отображаться правильно.

iFrame отображается только на 20% высоты при iOS, когда высота установлена ​​на 100%, если я установил высоту на фиксированное значение px, iFrame заполняет экран, но прокрутка выполняется вяло и иногда не отвечает.

В моей конфигурации. xml Я добавил:

        <plugin name="cordova-plugin-wkwebview-engine" source="npm" />
        <preference name="DisallowOverscroll" value="true" />
        <preference name="ScrollEnabled" value="true" />
        <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
        <preference name="AllowBackForwardNavigationGestures" value="true" />

        <feature name="CDVWKWebViewEngine">
             <param name="ios-package" value="CDVWKWebViewEngine" />
        </feature>

Так выглядит мой индекс. html выглядит так:

<body>
            <div style="overflow:auto !important;-webkit-overflow-scrolling:touch!important;width:100%;height:100%">
            <iframe src="https://google.com"  scrolling="yes" style="width:100%;height:100%" frameborder="0"></iframe>
            </div>
            <script type="text/javascript" src="cordova.js"></script>
            <script type="text/javascript" src="js/index.js"></script>
            <script type="text/javascript">
                app.initialize();
            </script>
</body>

Я также добавил это в индекс. html meta:

<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

Заранее благодарен за любую помощь

...