I am building an ionic app I see that there are multiple folders for splash screen all the folders are having the same image but with different dimensions are default images of course. I want to replace them all with my own image. But I am wondering do I need to make a splash screen of all sizes also?
you can how many folders are there
You do not need to replace all images. You just need to put your own splashscreen under the resources folder. From cordova resources documentation
The source image for splash screens should ideally be at least 2732×2732px and located at resources/splash.png
If you are using cordova integration
Then, you just need to run the following command :
ionic cordova resources android or ionic cordova resources android
It will then set all the specific assets of the chosen platform.
If you are using capacitor integration
If you are using capacitor integration instead of cordova, you need to install cordova-res by running the following command :
npm install -g cordova-res
And then :
cordova-res ios --skip-config --copy or cordova-res android --skip-config --copy
Related
In few mobiles,my ionic app shows white screen only, when apk build with --prod mode. But the same apk works on other mobiles. If i build without --prod , it is working in all mobiles. i don't have any idea. Please help me out. Thanks in advance.
If you are using android platform version 10.0.0 or higher. Then you have to remove whitelist plugin, if it is installed in your project.
It doesn't work with android 10 or later. This is the reason it shows white screen after opening installed application.
cordova plugin rm cordova-plugin-whitelist
cordova prepare OR ionic cordova prepare
if prepare doesn't work try to remove platform and add again.
ionic cordova platform rm android
ionic cordova platform add android
Thanks, Hope it helps you.
I met a problem for 3 days with my application ionic 3.
In fact, after builder in prod and release mode, it is always the old version that is always taken into account. the changes do not reflect.
So when mode debug, the changes are well taken.
I tried several solutions may nothing.
Ionic v3
Also i have tried many solutions but no changes
ionic cordova platforms rm android
ionic cordova platforms add android
ionic cordova build android --prod --release --aot
------------no change-------------
I have downgrade the app-scripts version always same
i have delete the www folder and run ionic serve --lab after i run build commande still no change
I need help.
Thanks you in advance
Ionic:
Ionic CLI : 5.2.3
Ionic Framework : ionic-angular 3.9.2
#ionic/app-scripts : 3.1.8
Cordova:
Cordova CLI : 8.1.2 (cordova-lib#8.1.1)
Cordova Platforms : android 7.1.4, ios 4.5.5
Cordova Plugins : cordova-plugin-ionic 3.1.2, cordova-plugin-ionic-webview 1.2.1, (and 18 other plugins)
Utility:
cordova-res : 0.6.0
native-run : 0.2.8
System:
Android SDK Tools : 26.1.1 (C:\Sdk)
NodeJS : v10.15.1 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10
Build pass successfully
remove android platform using
ionic cordova platform rm android remove manually node-modules and
package-lock.json (imp*)
Unistall old Application
npm cache clean --force
finally run npm install
ionic cordova platform add android
ionic cordova build android
As #MD Khali said to remove the platform and add platform again, but if it happens after that you just need to click save 3-4 time. Because I have the same problem in my ionic 3 projects.
Finally I found the solution.
The problem was related to the ionic plugin (appflow).
I had two choices
1. Generate the apk from the appflow platform with the configured branch.
Remove the ionic plugin applflow
I took the choice 1.
Documentation of appflow https://ionicframework.com/appflow
I need to modify cordova-plugin-media, but when I run app with ionic cordova run android my changes are not applied.
How should I modify and run plugin correctly?
I found the answer.
cordova files should be edited in /plugins folder, not in /node_modules
after editing, I should do: ionic cordova platform rm android and ionic cordova build android
After that modifications work.
You should paste some code, showing the code of app module and config.xml.
But basically you should only do:
ionic cordova plugin add cordova-plugin-media
npm install --save #ionic-native/media
And then add your plugin to the project into file
App.module.ts:
import { Media } from '#ionic-native/media';
...
providers: [
....
Media,
...
]
And that's it, then you should be able to use the functionalities inside your components.
Let me first say. Each time i run
ionic cordova build android --dev
It first run this command
cordova platform add android
At the start of the project I already added the android platform successfully. So I dont know why on every build it has to add android platform again. But each build works perfectly well on my phone. Then yesterday when I tried to run
ionic cordova resources
and it says
no platform detected. Please run ionic cordova platfrom add
Please help
I running the command "ionic resources android" but it doing nothing. i have already placed new icon and splash png files with correct pixles but nothing happening for me.
enter image description here
try installing cordova-res as dev dependencies then run this command ionic cordova resources --cordova-res when running platform add. Run the command this way ionic cordova platform add android --no-resources