Results 1 to 3 of 3

Thread: Android: Bad List scrolling performance when docked element included (S.T. 2.3.1)

  1. #1

    Default Android: Bad List scrolling performance when docked element included (S.T. 2.3.1)

    Hi guys,

    I have this problem in building Android App using Sencha Touch 2.3.1 and Phonegap.
    The list scrolling performs fine on iOS but supremely lags on Android. So I tried things like:
    • Set -webkit-transform on List item to enable GPU acceleration
    • Adjust the scrolling behaviour using list's momentumEasing
    None of the above actually works, so I try again removing all other parts out of the app. And when I remove the 'docked: top' titlebar above the list, it runs smoothly again.

    My simplified app structure now is:

    /* Remove this titlebar and it will be smooth */
        docked: 'top',
        xtype: 'titlebar',
        cls: 'notif-title',
        padding: 10,
        title: '<span class="title-text">Questions</span>',
        items: [
                xtype: 'image',
                src: 'resources/images/logo.png',
                height: 40,
                width: 40
                xtype: 'image',
                itemId: 'user-avatar',
                cls: 'user-avatar main',
                src: 'resources/images/user-default.png',
                height: 40,
                width: 40,
                align: 'right'
        xtype: 'carousel',
        fullscreen: true,
        layout: 'card',
        indicator: false,
        flex: 1,
        activeItem: 0,
        hideAnimation: 'fadeOut',
        showAnimation: 'fade',
        items: [
                xtype: 'questionlistview'
    And the QuestionList Class is

    Ext.define('abc.view.QuestionList', {
        extend: 'Ext.Panel',
        xtype: 'questionlistview',
        requires: [
        config: {
            layout: 'fit',
            items: [
                    xtype: 'list',
                    itemId: 'listAllQues',
                    emptyText: 'There is no question available',
                    store: 'questionstore',
                    infinite: true,
                    variableHeights: true,
                    scrollable: {
                        direction: 'vertical',
                        directionLock: true,
                    plugins: [
                            xclass: 'abc.utils.MyPullRefresh',
                            pullText: 'Pull down for more new questions!'
                            xclass: 'abc.utils.MyListPaging',
                            autoPaging: true,
                            padding: 10
    Is there any body encounter the same problem ? Can any one explain why there is a significant difference in performance in this 2 cases ?

  2. #2
    Sencha Premium User lumberjack's Avatar
    Join Date
    Nov 2014


    What Android devices and versions have you tested this on? Does it operate smoothly when accessed as a web application on the same Android devices?


  3. #3


    Hi I have tested on 2 devices:
    • LG G3, Android 4.4.2
    • Samsung Galaxy S4, Android 4.4.2
    Phonegap version: 3.3.0-0.18.0
    Cordova version: 3.3.1-0.1.2
    Sencha command version:

    And on the web, it smooths... while on native build it slows...
    How do I debug this ? This weird behaviour means there is sth wrong with the phonegap/cordova/sencha command I am using ?

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts