How to change default Nativescript opening page in Angular+Nativescript application?

0
votes

I am working on the Nativescript+Angular application and I am done with my assignment but now I want to change the default opening page image of NativeScript app.

I have tried but unable to find that. Please let me know if anyone knows.

Please see the image. I want to change this image.

enter image description here

2
androidimagenativescriptdefaultangular-nativescript
Do you mean the "Launch-Screen"? If so try to search for replacing the Launchscreen Image/Background - Naxos84
@Naxos84 Do you mean to say this "drawable/background"? I am not able to find any "Image/background". - Nectar Mind
For Android: i.e. App_Resources/Android/src/main/res/drawable-hdpi/background.png Be aware to replace all resolution files. For iOS the files are inside: App_Resources/iOS/Assets.xcassets - Naxos84
For generating everything in the appropriate sizes you could use docs.nativescript.org/tooling/docs-cli/project/configuration/… - Naxos84

2 Answers

0
votes

NativeScript Sidekick makes changing assets like this for iOS and Android a breeze.It will help you by generating assets like the splash screen or app icon from a single image for all the different required resolutions.

https://www.nativescript.org/nativescript-sidekick

0
votes

What you see upon launch is called Launch Screen or Splash Screen.

The default configuration allows you to showcase a static image upon launch, you may update the images for iOS at App_Resources/iOS/Assets.xcassets Or Android at App_Resources/Android/src/main/res/drawable-***/background.png

On iOS, you may design your own customised launch screen if you are familiar with Storyboard, the default story board file may be located atApp_Resources/iOS/Assets.xcassets/LaunchScreen.storyboard.

If you like some sort of animation upon launch screen, checkout nativescript-splashscreen plugin.