[2.0.1] native android app: no splash screen

**HobieCat** · 10 Apr 2012 12:07 AM

@randyhoyt:

I mean running the following:
sencha app build production
this will generate a nice and clean version of your app, removing all unneeded stuff (and believe me, there's a lot).
After that, you shall build the output of 'app build production' (usually in the production subdir) for android.
I use to make a json config file and the do: sencha package build <config.json> (where <config.json> is your filename, of course

)

@ronaldoneal:
thanks a lot! I'll give it a try right away!

**HobieCat** · 10 Apr 2012 12:08 AM

@randyhoyt:

I mean running the following:
sencha app build production
this will generate a nice and clean version of your app, removing all unneeded stuff (and believe me, there's a lot).
After that, you shall build the output of 'app build production' (usually in the production subdir) for android.
I use to make a json config file and the do: sencha package build <config.json> (where <config.json> is your filename, of course

)

@ronaldoneal:
thanks a lot! I'll give it a try right away!

**HobieCat** · 10 Apr 2012 1:24 AM

Hi Ronald,

can you please be more detailed?

I can see that you're referring to the app icon in the json config file, apparently this has nothing to do with the splash screen.

I have tried your suggestion with no success at all.

Maybe clarifing my point should help the discussion. What I am trying do to is:
1. sencha app generate GS ../GS in sencha's home.
2. build native for iOS and I get the splash screen (white background with sencha logo).
3. make a json config file, build for android and I get a white splash screen while I am supposed to get the same behavior as for iOS.

Hope I made myself clear now, can't wait to read how did you managed this.

Best, Giorgio

**ronaldoneal** · 10 Apr 2012 7:45 AM

I read on one of the blog entries to name the file default.png and it will be picked up. It is picked up on the web app and the emulator.

I am still having a problem getting the app to work on my Android 2.3.3 Sprint Intercept phone.

For the emulator, I have to make the screen size 7 inches to get the app to come up. The screen size may be a part of the issue.

**voloshyn** · 11 Apr 2012 12:40 PM

Android OS does not support splash screen as iOS does, that's why it's not there, instead you should see a micro loader (loading indicator on the screen).

**ronaldoneal** · 13 Apr 2012 10:53 AM

This line of code in the index.html header will display a splash screen in Android.

<img class="splash-wrapper" src="splash_screen.png"/>

**Rui Marinho** · 16 Apr 2012 5:04 PM

in the HEAd ?

this doesn't work for me.. this issue isn't fixed... !

**ronaldoneal** · 16 Apr 2012 11:03 PM

Yes.

Code:

<!DOCTYPE HTML>
<html manifest="" lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Houston Campaign for Christ</title>
	<script>window.onerror = function(error) { alert(error); };</script>
	<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css">
    <img class="splash-wrapper" src="splash_screen.png"/>
	<style type="text/css">
.....

**anand.arvind** · 8 May 2012 6:07 AM

This method of including an img tag in the head worked to display a splash screen. Thanks for sharing this trick.

Code:

<!DOCTYPE HTML>
<html manifest="" lang="en-US">
<head>
    <style type="text/css">
    #splashImage {
        position: absolute;
        top: 20%;
        left: 50%;
        margin-top: 0px;
        margin-left: -150px;
    }    
    </style>
    <img id="splashImage" src="resources/img/splashimage.png" width="300"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="format-detection" content="telephone=no">

and in the profile launch function code to destroy this

   launch: function() 
    {


        Ext.fly('splashImage').destroy();

...

Also the current Sencha loading with the three circles while it works in browsers does not show up on Android phones and so this workaround is needed to show something. Did not test all OS versions, was trying it mainly on 2.2.

Anand

**Rui Marinho** · 8 May 2012 6:09 AM

humm.. going to test this today...

btw is there any offical response by sencha?

[2.0.1] native android app: no splash screen

Thread Tools

Search Thread

Display

this works, thanks for sharing

this works, thanks for sharing