Week 4 - Cordova File, SplashScreen, Icons

Cordova File Plugin

When reading and writing files in Cordova things often depend on which OS you are using. There are also other considerations which will depend on where the file is located on the device.

Learn more about File Handling in Cordova

Cordova SplashScreens

When adding custom splashscreen images to your Cordova app you need to include the cordova-plugin-splashscreen plugin. Then you need to use Photoshop to create both the portrait and landscape images at sizes and resolutions that will work for all devices.

These images need to be saved inside a new folder called res which is at the same directory level as the www folder. There are specific folder and file names that you should use for each OS and each orientation.

Reference for adding Custom SplashScreen Images

Cordova Icons

Just like with the SplashScreen images, we need to create a variety of sizes of launcher icons. We use Illustrator to create the icons and then save them in the res folder.

Reference for adding Custom Launcher Icons

Cordova Dialog Plugin

Instead of using the JavaScript alert, confirm and prompt methods, we can use the Cordova dialog plugin. This will let us control the labels on the buttons, the title at the top of the dialog as well as the message to the user.

Learn about the Cordova Notification Dialog Plugin

TODO

• Read the content and watch the videos for Weeks 4 and 5