CAPACITOR.md

Capacitor

This file contains Capacitor specific instructions and hints.

v3 Specific Instructions

Some examples in the documentation still use v2 syntax (e.g. Importing Plugins from @capacitor/core instead of specific NPM packages for each plugin).

The v3 migration guide has some good tips on what should be used in v3.

Loading URLs inside Web View

See allowNavigation property in the configuration file.

iOS Design Considerations

Notch / Viewport

• ionic-team/capacitor#2100
• https://webkit.org/blog/7929/designing-websites-for-iphone-x/

Splash Screens and Icons

This guide outlines how to create splash screens and icons.

TL;DR:

$ npm install -g cordova-res
$ cordova-res ios --skip-config --copy

Remove Alpha-Channel

Use ImageMagick:

$ convert resources/icon.png -alpha off resources/icon.png

Important Links

• https://capacitorjs.com/docs/config#configuration-file