F7 + cordova Android 4.0+ erro de renderização

Publicado por Jefferson em

Resultado de imagem para cordova
Olá a todos, recentemente tive problemas para utilizar um aplicativo criado com o Framework7 na versão do android 4.0+ especificamente 4.4. Oque acontecia é que não era renderizado o css corretamente e alguns campos principalmente de overlays não apareciam.

Após muita pesquisa descobri o problema na seguinte resposta do stack overflow:

It’s because F7 css are based on flexbox and there are issues on older android browser. You can use Crosswalk in your application to use chrome as webview to fix this issue.

resposta no stack overflow

Como nosso amigo disse, isso ocorre por que o framework7 é baseado no flexbox e nessa versão do android o webview padrão do sistema não tem suporte.

a correção para o problema é utilizar o seguinte plugin:

https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview

Este plugin alterna do webview padrão do sistema android para o webview do google chrome .