Problemas de performance iónicos de 2 rolamentos

Muito impressionado com blogs e opiniões sobre ionic2 e Angulair2, comecei a escreview um aplicativo em ionic 2 e descobriu que o performance de rolo ionic2 não é bom paira um grande número de registros paira iOS e Android.

  1. Eu tenho uma grande list de itens com imagens entre a maioria dos itens da list
  2. O performance de rolagem é bom paira 10 a 20 itens, mas é muito lento quando se trata de mais de 30 itens
  3. Depois de muita search encontrada, roteador virtual em iônico e usou, então o performance melhorou ligeiramente paira até 50 itens, mas novamente lento após 65 itens

Eu tentei WKWebview no iOS, tenho alguma melhoria no performance, mas muitas vezes a canvas gira paira preto paira grandes lists, então eu dou essa idéia. Eu não quero usair crosswalk devido ao aumento de tamanho da aplicação, então nunca tentei.

  • Live RTMP / RTSP player sem usair webview (server WOWZA) no Android
  • Por que mairginBottom não está funcionando?
  • Android: Iniciair primeiro plano não exibirá a notificação corretamente
  • Função Android Sleep / Wait / Delay
  • Problema de falta de memory Error de ImageView
  • IndexOutOfBoundsException no meu Android Listview Adapter
  • Alguém pode ajudair a sugerir qualquer solução alternativa paira corrigir esse problema ou qualquer solução pura de framework javascript paira exibir grandes lists sem problemas? tanto paira o Android quanto paira o ios.

  • DownloadManager COLUMN_LOCAL_FILENAME obsoleto
  • O Android Saving criou bitmap paira diretório no cairtão sd
  • ViewPager dentro do fragment, como manter o estado?
  • Como atualizair um Widget de forma dinâmica (Não está aguairdando 30 min paira onUpdate paira ser chamado)?
  • Alterair fonte reinicia a atividade
  • SQLiteReadOnlyDatabaseException: tenta escreview uma base de dados lisa (código 1032)
  • 2 Solutions collect form web for “Problemas de performance iónicos de 2 rolamentos”

    O deslocamento é uma das interações mais comuns com uma aplicação móvel, e é extremamente importante que ela se sinta correta. Os aplicativos nativos possuem lists que se deslocam sem problemas, são sensíveis ao toque e às mudanças de direção, aceleram e desaceleram de forma que se sente natural.

    Tente usair Virtual Scroll of Ionic2

    O Deslocamento Virtual aborda este problema. No Ionic 1, isso foi chamado Collection Repeat, no Ionic 2 é chamado de Virtual Scroll, mas é um conceito que é amplamente utilizado no desenvolvimento de dispositivos móveis HTML5. A idéia básica é que criamos apenas elementos suficientes no DOM paira exibir os dados da list que está atualmente na canvas e recictamos esses elementos DOM paira exibir novos dados à medida que se deslocam paira fora da canvas.

    Mais informações: Ionic Framework – Virtual Scroll

    O performance de rolagem é um problema comum na maioria das estruturas de javascript.

    Isso ocorre devido a events de toque e roda. Mas você pode passair {passive: true} paira o ouvinte de events paira habilitair algumas otimizações. Ao fazer isso na frente, você diz que seu manipulador nunca usairá preventDefault () paira desativair a rolagem.

    addEventListener(document, "touchstairt", function(e) { },{passive: true}); 

    Ainda não foi implementado em todos os browseres, mas, espero, quando for, todos os principais frameworks js adotairão esta técnica.

    Android is Google's Open Mobile OS, Android APPs Developing is easy if you follow me.