Sencha Touch отображает по-другому в PhoneGap веб-просмотра, чем в мобильном Safari

Question

У меня есть приложение Sencha Touch, которое отлично работает в настольном Chrome, мобильном Safari и интернет-браузере Android по умолчанию.

Однако, когда я обертываю его в PhoneGap, некоторые вложенные TabPanels начинают рендериться с двумя доками (одинвверху и один внизу), подпанели не учитывают свой правильный размер, и иногда весь документ смещается вверх (примерно на то же расстояние, что и UIStatusBar, поэтому мне интересно, есть ли соединение).На данный момент я не переопределяю методы Objective-C и в значительной степени следую структуре примера MVC Sencha Touch PhoneGap .

Также включен весь мой CSSas Sencha CSS.

Кто-нибудь испытывал подобные различия между мобильным Safari и веб-обзором после переноса PhoneGap?Если так, и даже лучше, есть ли у кого-нибудь решение для такого?

РЕДАКТИРОВАТЬ:

Я уже пробовал несколько вещей:

• Перемещение JS приложения до / после загрузки PhoneGap JS
• Изменение, когда и как вызывается document.addEventListener("deviceready"...);
• Изменение .../css/sencha-touch.css на .../css/apple.css
• Удалениеэкземпляры элементов из initComponent моего Viewport
• Перемещение сценариев в тег body в надежде на то, что они получат правильно отрисованные границы документа

Кажется, панели и вкладки добавляются просто отлично, но вложенные панели вкладокне делайте.И помните, эти же вложенные табулированные панели прекрасно рендерились во всех других браузерах до того, как приложение PhoneGap обернулось двойным касанием хлопот хрипом .

Answer 1

Ну, я в основном исправил различия во внешнем виде (за исключением незначительного CSS), которые я испытывал, но все еще не знаю, почему Sencha отображает в WebView другие функции, чем в обычном мобильном Safari.

Senchaвнесенные мной изменения не должны влиять на то, как они отображаются в любом другом настольном или мобильном веб-браузере.В итоге я просто скрыл вкладки TabBanes (которые раньше не отображались).Я использовал другие средства для установки активных элементов и никогда не видел и не видел связанных с ними вкладок.(Я использовал эти TabPanels для их доступных методов и свойств, но не для связанных с ними TabBars.)

В затронутых TabPanels это предотвращает отображение устаревших TabBars:

tabBar: {
    hidden: true,
    height: 0
},

Если кто-либоИмеется опыт работы с такими различиями в рендеринге, но вы можете поделиться им для дальнейшего использования.