Intereting Posts
Ошибка DatePicker в Samsung с Android 3.0 Удаление подсветки при касании адаптера infoWindow Где база данных SQLite SQL Установка модуля Genymotion Eclipse Сенсор Android TYPE_LINEAR_ACCELERATION – что он показывает? Импорт файла ant build.xml в Eclipse Текст перепутан с ImageSpan в EditText Множество элементов адаптера синхронизации Android, таких как учетная запись Google? Кто-нибудь получил индексацию приложений Firebase для работы? Подписать APK без размещения информации о хранилище ключей в build.gradle App объявляет зависимость от конфигурации 'compile' к конфигурации 'default', которая не объявлена ​​в дескрипторе для проекта Как обращаться с кнопкой возврата устройства на сенсорном приложении Sencha Facebook login Не удается передать разрешение на публикацию или управление (электронное письмо) на запрос авторизации на чтение Предоставляет ли ведущий знания о Activity / Context плохую идею в шаблоне MVP? Доступ Android ADB к базам данных приложений без root

Ионные 2 проблемы с прокруткой

Довольно впечатленный блогами и отзывами о ionic2 и Angular2, я начал писать приложение в ionic 2 и обнаружил, что производительность прокрутки ionic2 не подходит для большого количества записей как для iOS, так и для Android.

  1. У меня есть большой список элементов между изображениями в большинстве элементов списка
  2. Производительность прокрутки хороша для 10-20 предметов, но очень медленная, когда дело доходит до 30 предметов
  3. После многократного поиска найденный виртуальный прокрутка в ионном и используется, тогда производительность немного улучшилась на 50 пунктов, но снова замедляется после 65+ пунктов

Я попробовал WKWebview в iOS, немного улучшил производительность, но часто экран становится черным для больших списков, поэтому я бросаю эту идею. Я не хочу использовать переходы из-за увеличения размера приложения, поэтому никогда не пробовал.

Может ли кто-нибудь помочь предложить какое-либо обходное решение, чтобы исправить эту проблему или какое-либо чистое решение для javascript для отображения больших списков без каких-либо проблем? Для Android и ios.

Solutions Collecting From Web of "Ионные 2 проблемы с прокруткой"

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

Попробуйте использовать Virtual Scroll of Ionic2

Виртуальная прокрутка решает эту проблему. В Ionic 1 это называлось Collection Repeat, в Ionic 2 оно называется Virtual Scroll, но это концепция, которая широко используется в разработке мобильных HTML5. Основная идея заключается в том, что мы только создаем достаточно элементов в DOM для отображения данных списка, которые в настоящее время находятся на экране, и мы перерабатываем эти элементы DOM для отображения новых данных при прокрутке экрана.

Дополнительная информация: Ionic Framework – Virtual Scroll

Производительность прокрутки является распространенной проблемой в большинстве инфраструктур javascript.

Это происходит из-за событий touch и wheel. Но вы можете передать {passive: true} прослушиватель событий, чтобы включить некоторые оптимизации. Делая это, вы говорите, что ваш обработчик никогда не будет использовать preventDefault (), чтобы отключить прокрутку.

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

Он еще не реализован во всех браузерах, но, надеюсь, когда это будет, все основные js-фреймворки будут применять эту технику.