I'm trying to remove the white flicker from PhoneGap 2.9.0.
First of all can somebody clarify me a few things?
For PhoneGap 2.9.0, if I use local build (Eclipse) is the config.xml used or is it just for PhoneGap build? If so, how can I use instructions that were written in config.xml if it is not used.
Is AndroidManifest.xml actually the config.xml file (for local build)?
I managed to create a Splash screen and I put it in drawable folders, but the problem is that each time after the Splashscreen a white flicker is displayed.
How can I remove this white flicker?
I saw many workarounds, but they didn't worked. Actually I did't understand much of them because some were in local build some in PhoneGap build.
Related
When I build my Cordova app sometimes the correct HTML and CSS is displayed but other times I'm missing entire HTML blocks and css files. I've tried building multiple times and running on Browser/Device but it still shows the old app. I've also tried deleting the platforms folders re-adding the platforms and then building but still no luck.
Anyone had this issue and know how to solve it?
Empty the browser cache and then restart the browser.
I am developping an app on Ionic version 3.9.2, for android tablets. I am working under windows 10 with Visual Studio Code.
In my plaform folder, I have only one device : my physical Android device.
The way I process to fix some CSS details is that I simply launch a
ionic serve command, find my HTML element, and update the main.css file located in the www/build folder (I am not using SCSS).
This works okay until I decide to check if everything looks good on my android tablet : I will launch a cordova run android, and then all the CSS changes are lost - even if I go back on my browser, and launch a new ionic serve.
Please note that I am talking about very basic styles, like colors and font size, not platform-specific styles.
I am not sure this behavior is because of the target device itself; it's looks like the changes will be included successfully on my testing platform until I decide to change the platform, and then the new platform will erase my changes because it's taking over the building process.
Is that possible ?
Maybe should I stop switching between those 2 commands ?
Or maybe should I edit both CSS files (www/build/main.css and platforms/android/assets/www/build/main.css) at the same time, which require a lot more work ?
Any help appreciated.
Oh of course, I shouldn't edit this CSS file.
Instead, edit the right SCSS file inside the SRC folder.
Thanks for your answer.
I have made an Android application. It was done by Phonegap Build. Now I want to share it.
But whenever I go to Phonegap Build's page of my app (https://build.phonegap.com/apps/1539142) it doesn't show my app's icon. Rather it shows the phonegap's icon. Now it is not possible to share an app in this way. Image attached for showing.
I am talking about the icon just beside the name of app. What is the problem and a solution?
It should be enough to add this line to your config.xml:
<icon src="AppResources/icons/icon.png"/>
And make sure that the Icon file is in the same Directory.
#Abeer, You need to add all the icons sizes. I know that because I did it before with Android. When I added iOS, I marked the size of each icon on the icon. That way I could tell the size of the icon displayed. So when I added iOS to my Splash Screen Demo, Phonegap build used the 180x180 icon for iOS instead of the Android. In your case, I think you just have to make sure you add all the icons sizes. This is the reference I used.
Adendum - July 15, 2015
#Abeer,
Source:
https://github.com/jessemonroy650/Phonegap-Splashscreen-Test
All examples:
http://codesnippets.altervista.org/examples/phonegap/demos/PUBLIC.Apps.html
I did not use Eclipse or Android Studio either. I upload www. I use github.com, is same as www folder
The Cordova docs, regarding the use of icons and splash screens for Android, states that they should be placed in www/res/icons and www/res/screens directories respectively.. But afterwards, in the same page, it says;
you'll need to copy the png files from
platforms/android/www/res/screen/android to
platforms/android/res/drawable/*
So; if the icons and splash screens should be copied to to the drawable folder, what is the use of having them on www/res/icons* and www/res/screens
This is confusing (#_#) Especially when the docs add more ambiguity;
..When working in the CLI...
After some researches and trial/error I got it fixed and wrote a tutorial about my process;
Cordova Icons and Splash Screens
Hope it helps somebody else :)
When working in the CLI means if you are building with the Command-Line Interface of Cordova/PhoneGap and does not apply if you say are using PhoneGap Build (http://build.phonegap.com) to build for you. Which version are you working on?
I've been working on a Phonegap project (Android and iOS) for 2 months now. Everything works fine and is surprisingly fast once you play around for a while.
Except one thing. I fail to understand how Phonegap handles icons. After a while I have noticed that the "res" folder for my iOS project wasn't being used, instead it was using icons in "platform/ios/projectName/Resource/icons". I've moved all my icons/splash screen in there, linked all of it in my xcode project and everything work fine.
Now I'm struggling with Android, hacking my way in that "drawable" folder of the Android platform folder, failing to understand the role of the config.xml in all of this.
Anyway here are my questions:
What is the purpose of the icon references in "www/config.xml" if when it comes to building for a platform, it ignores those paths and actually looks for icon/splash screen elsewhere?
What is the purpose of the res folder/subfolder naming, if the build function just blindly copies everything in each platform folder (having blackberry references/png in iOS config/folders).
Where should I put the android splash screen image and what's the correct naming? (when i copy the one from "www/res/screen/android" into the "drawable" folder, the build fails for incorrect naming).
Basically, what's the Phonegap expected workflow for icons & splashscreens?
The references listed in config.xml are for Phonegap Build. This link might help:
http://devgirl.org/2013/09/12/phonegap-icons-and-splash-screens-help/