Sencha touch 2.4 appLoadingIndicator stack en android 2.3

extjs release

Question

Acabo de descargar sencha touch 2.4 y he creado una aplicación de prueba de Android. Puedo compilar y ejecutar la aplicación en Android 4+ sin problemas. Sin embargo, cuando intento ejecutarlo en Android 2.3, la aplicación no pasa el indicador del cargador de aplicaciones y registré el proceso, no se muestran errores. A continuación está el código:

Ext.application({
name: ''Voice'',

requires: [
    ''Ext.MessageBox''
],

views: [
    ''Main''
],

icon: {
    ''57'': ''resources/icons/Icon.png'',
    ''72'': ''resources/icons/Icon~ipad.png'',
    ''114'': ''resources/icons/[email protected]'',
    ''144'': ''resources/icons/[email protected]''
},

isIconPrecomposed: true,

startupImage: {
    ''320x460'': ''resources/startup/320x460.jpg'',
    ''640x920'': ''resources/startup/640x920.png'',
    ''768x1004'': ''resources/startup/768x1004.png'',
    ''748x1024'': ''resources/startup/748x1024.png'',
    ''1536x2008'': ''resources/startup/1536x2008.png'',
    ''1496x2048'': ''resources/startup/1496x2048.png''
},

launch: function() {
    // Destroy the #appLoadingIndicator element
    Ext.fly(''appLoadingIndicator'').destroy();

    // Initialize the main view
    Ext.Viewport.add(Ext.create(''Voice.view.Main''));
},

onUpdated: function() {
    Ext.Msg.confirm(
        "Application Update",
        "This application has just successfully been updated to the latest version. Reload now?",
        function(buttonId) {
            if (buttonId === ''yes'') {
                window.location.reload();
            }
        }
    );
}

});

y el código principal:

Ext.define(''Voice.view.Main'', {
extend: ''Ext.tab.Panel'',
xtype: ''main'',
requires: [
    ''Ext.TitleBar'',
    ''Ext.Video''
],
config: {
    tabBarPosition: ''bottom'',

    items: [
        {
            title: ''Welcome'',
            iconCls: ''home'',

            scrollable: true,

            items: [{
                docked: ''top'',
                xtype: ''titlebar'',
                title: ''Welcome to Sencha Touch 2''
            }]
        },
        {
            title: ''Get Started'',
            iconCls: ''action'',

            items: [
                {
                    docked: ''top'',
                    xtype: ''titlebar'',
                    title: ''Getting Started''
                },
                {
                    xtype: ''video'',
                    url: ''http://av.vimeo.com/64284/137/87347327.mp4?token=1330978144_f9b698fea38cd408d52a2393240c896c'',
                    posterUrl: ''http://b.vimeocdn.com/ts/261/062/261062119_640.jpg''
                }
            ]
        }
    ]
}

});

Creo que debe ser un error en el lanzamiento táctil de 2.4 Sencha

Answer 1

También tuvimos el mismo problema y parece que se trata de un error introducido en Sencha Touch 2.4. Y la razón es el uso del método bind () que es parte de ECMAScript 5 no compatible con Android 2.3

Para solucionarlo, puede encontrar el archivo touch / src / event / publisher / TouchGesture.js y reemplazar las siguientes líneas

if (Ext.feature.has.Touch) {
    // bind handlers that are only invoked when the browser has touchevents
    me.onTargetTouchMove = me.onTargetTouchMove.bind(me);
    me.onTargetTouchEnd = me.onTargetTouchEnd.bind(me);
}

con estos

if (Ext.feature.has.Touch) {
    // bind handlers that are only invoked when the browser has touchevents
    me.onTargetTouchMove = Ext.Function.bind(me.onTargetTouchMove, me);
    me.onTargetTouchEnd = Ext.Function.bind(me.onTargetTouchEnd, me);
}

Esta solución nos ayudó a evitar el problema