Unanswered: Sencha Android native package White Screen Issue
Unanswered: Sencha Android native package White Screen Issue
Hi,
I have created sencha application with sencha-touch-all-debug .js by enabling dyanamic loader set to true in develpment mode.
It worked very well in the browser
.Now i switched to native android package with custom build by issuing sencha command Sencha app build native it shows white screen in the android emulator.moreover no issues are in the logcat .
Test case DevelopmentMode
1.All the resources have been added to index.html
2.Reference to sencha-touch-all-debug.js in index.html
3.Set Ext.loader({enable:true})in the app.js file
it worked very well in the browser for development.
Native Package
1.All references and resouces have been added to index.html with sencha-touch.js/sencha-touch-all.js file
2.Reference to any Extra resources have been added to app.json file.
3.Packager.json file is created.
4.Issue sencha command Sencha app build native
It shows white screen on the emulator with no error in the logcat.
Many questions: Development:
Is it necessary set to enable dynamic loading for development mode with sencha-touch-debug/all-debug.js
Is it necessary only add microloader in index.file and left to app.json file for all references .
For Native package:
Is it necessary to add microloader in index.html for native package.
Is it necessary to disable dynamic loading by setting Ext.Loader({enabled:false}) in app.js file for sencha-touch.js/all.js.
Is it necessary to create jsb3 file for native packaging for custom build.
Is it necessary to setup requires/uses properties
on our application files and then used SDK Tools to create a custom build.
What we should do and should not do?
What are the best practises for creating native android package with custom build? any thing i missed during native build.
Android native build shows white screen issue with Sencha command
Android native build shows white screen issue with Sencha command
Hi,
I have created sencha application with sencha-touch-all-debug .js by enabling dyanamic loader set to true in develpment mode.
It worked very well in the browser
.Now i switched to native android package with custom build by issuing sencha command Sencha app build native it shows white screen in the android emulator.moreover no issues are in the logcat .
Test case DevelopmentMode
1.All the resources have been added to index.html
2.Reference to sencha-touch-all-debug.js in index.html
3.Set Ext.loader({enable:true})in the app.js file
it worked very well in the browser for development.
Native Package
1.All references and resouces have been added to index.html with sencha-touch.js/sencha-touch-all.js file
2.Reference to any Extra resources have been added to app.json file.
3.Packager.json file is created.
4.Issue sencha command Sencha app build native
It shows white screen on the emulator with no error in the logcat.
Many questions: Development:
Is it necessary set to enable dynamic loading for development mode with sencha-touch-debug/all-debug.js
Is it necessary only add microloader in index.file and left to app.json file for all references .
For Native package:
Is it necessary to add microloader in index.html for native package.
Is it necessary to disable dynamic loading by setting Ext.Loader({enabled:false}) in app.js file for sencha-touch.js/all.js.
Is it necessary to create jsb3 file for native packaging for custom build.
Is it necessary to setup requires/uses properties
on our application files and then used SDK Tools to create a custom build.
What we should do and should not do?
What are the best practises for creating native android package with custom build? any thing i missed during native build.
Usually a white screen is either caused by a JS error or not all classes were required properly and it's trying to load the file which isn't there or is there but is loading off the filesystem which will fail.
But testing build worked fine on browser prior to native package with js error in console : apart from there is no other js errors on my console.
Uncaught Type Error: Cannot read property 'dom' of null
Uncaught Type Error: Cannot call method 'unshift' of null
Do you think it would cause the white screen error on native package.
Moreover i have added requires definition to every class (views/controllers/models).
How can i find out which one is missed during native packaging?
Finally for native packaging ,Eihter do we need to refer all the resources in index.html or refer in app.json file .
Because you said in one of the forum, micro loader won't apply to native packaging concept.
i am little bit confused ? could you please clarify on this.
I had the Same issue in my code what i did was i was running on chrome on console it was giving warnings like require Ext.Toolbar in corresponding view like that then i opened corresponding view and i added requires:['Ext.Toolbar'], below extend and similarly cleared all the warnings then i got the output on the Android Emulator.
I seems to have the same problem. I removed the default loading animation and replaced it with a jpg background-image. The image will be destroyed in app launch function and the main view will be showed. It works well in the browser but on my Android phone the screen is freezing at the loading stage. Seems no entering the launch function?
Have you fixed your white screen problem, can you give me some suggestion! Really thanks!
Unanswered: Sencha Android native package White Screen Issue
Reply With Quote
