I have created few Sencha touch 2.3 apps and packaged them for Android and iOS using Cordova.
One issue that I have not been able to resolve is, when you launch the app, you will see a black screen after which your Splash screen appears. Has anyone managed to solve this issue? I would like to directly show the splash screen without the black screen in between. This happens on Android.
Also, even if you create a starter app using sencha app generate... If you try to package that app, it takes minimum of 4 seconds before your view is loaded and displayed. Is there any way to speed up this? When the skeleton app takes 4 seconds to load, you can imagine other real apps that are bigger in size, they take 6-8+ seconds to load !
Use the splashscreen plugin from Cordova and hide it after 250ms of the launch of your app.
basically inside the app.js - launch:
var browserEnv = Ext.browser.is;
if (browserEnv.WebView && browserEnv.Cordova) {
Ext.defer(function () {
Ext.device.Splashscreen.hide();
}, 250);
}
Your problem with start time of the app:
I do not have this, as my empty apps start within 2 seconds therefore you might want to check on the size of your app and resources.
What is the size of your apk. If it is larger than 0.45 MB for an empty you definately want to look into it.
Related
In our React Native app, there seem to be different loading stages the app goes through. Generally, when opening from the homescreen:
1) The Launch Image displays. This seems to wait around until the native app has booted up
2) There is a full-screen white flash while React Native loads the components on the screen (I assume)
3) The app content starts loading (e.g. starts showing the loading spinners etc you have built into your components)
Step 2 feels a little glitchy. Is there a way of smoothing this out? Ideally it would be great to tell the native layer to only stop showing the launch image once your components have 'initialised' - is this possible?
Otherwise, are there any better ways of dealing with this? I notice other (usually native) apps usually don't behave this way.
Was facing same issue, initially added native background color to the android activity to sort this out but it wasn't the best solution since i had multi shaded background therefore shifted to react-native-splash-screen
On which platform are you launching the app, iOS or Android?
In both cases there is a native background color on which the components are drawn. For example on Android the MainActivity's theme specified in the manifest determines the activity's background. This could explain the white flash in case you're running on Android.
I made a splash screen for my android app - therefore I followed the 3 steps described here https://stackoverflow.com/a/15832037/7589266
As I didn't like the result, I directly reversed the 3 steps. But the splash screen still showed up. Furthermore, I deleted the app from my smartphone, cleaned the project and rebuilt it. If I run the code now on the emulator, there doesn't show up a splash screen, but it still does on my physical device.
Does anyone have an idea how to fix this?
I've created a new app with Meteor (1.2.1). If I start it once I get a splash screen. Then I stop my app with
navigator.app.exitApp();
and if I start it again, there is a white screen instead of the splash screen.
The Problem should be reproducible for anyone. Create a new blank meteor app and run it on your android device. If you start it the first time you will see the meteor splash screen and if you close the app (with the back button on your device) and start it a second time you will get a white screen instead.
In older versions of meteor (1.1.0.2) I had no such problem.
Have anyone a solution how I can get the splash screen every single time.
(I've tested it with Samsung S4 Mini and HTC Evo 3d)
I've found a workaround for my problem.
I've added an older release of cordova-plugin-splashscreen to my project. From https://github.com/apache/cordova-plugin-splashscreen/releases
# version 2.0 (current version is 2.1)
meteor add cordova:cordova-plugin-splashscreen#https://github.com/apache/cordova-plugin-splashscreen/tarball/d23ea4e01162a78f692bb246776f2a5b3a1da14b
I run into the same issue, after look at the PhoneGap document, I found it's a default behaviour for phonegap splash screen plugin. You can see it here
"SplashShowOnlyFirstTime" preference is also optional and defaults to true. When set to true splash screen will only appear on application launch. However, if you plan to use navigator.app.exitApp() to close application and force splash screen appear on next launch, you should set this property to false (this also applies to closing the App with Back button).
So all you need to do is add this into your mobile-config file
App.setPreference('SplashShowOnlyFirstTime', 'false');
I have developed an application using Sencha Touch 2.1 Framework. The application being installed on the HTC ONE device running on Android 4.0.x version.
It is observe that app's response time is very slow while
1. Traversing from one screen to another screen
2. While fetching data from server
3. After a tap on any icon, loading mask takes time to get displayed
4. Due to screen transition is taking time, the header of previous screen gets displayed on current screen momentarily and then only the header of current screen is displayed.
The app is working appropriately on the Samsung Galaxy S2/S3 running on same android version.Appreciate any help in this regards.
Browsing internet on this topic gave me couple of links which points to turn off "toggle Ciphering". But that didn't helped either. The links mentioned below.
https://forum.xda-developers.com/showthread.php?t=1118017
http://www.addictivetips.com/mobile/how-to-improve-slow-data-speed-on-htc-sensation-data-latency-fix/
Applying the below CSS to the component like titlebars, panel of home screen resolved the issue.
.x-panel {
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
}
I have built a few Android phonegap applications using Eclipse but when I run those applications on device (mobile/emulator):
It will display a blank black screen at the initial
It will display a black blank screen for few seconds before navigating to another page.
I've same problem previously. I solved by turn android:hardwareAccelerated to false in AndroidManifest.xml
If you upgrade to PhoneGap 1.3 the black screen between pages has been removed. We used to load each page in it's own activity but that is no longer the case.