@twogate/capacitor-modal-webview

modal webview

Install

npm install @twogate/capacitor-modal-webview
npx cap sync

API

• open(...)
• Interfaces

open(...)

open(options: { options: ModalWebViewOptions; }) => Promise<boolean>

| Param | Type | | ------------- | --------------------------------------------------------------------------------- | | options | { options: ModalWebViewOptions; } |

Returns: Promise<boolean>

Interfaces

ModalWebViewOptions

| Prop | Type | Description | | ----------------------------- | -------------------- | ------------------------------------------------------------------------------------------- | | url | string | | | loadWebPageErrorMessage | string | | | enableCookie | boolean | If true, cookie in the webview will be stored even if you kill application. | | pathToFlushCookie | string | only Android. Path, cookie in the webview will be removed when webview load this path page. |

Theme

You can set some colors in toolbar, navigation bar and modal view background.

iOS

Add Color Set to your Assets.xcassets | ColorSet | Description | | ----------------------------- | --------------------------------------------------------------------------------- | | ToolBarBackground | Background color, modal navigation bar and toolbar. | | ToolBarForeground | Item color of toolbar and navigation bar | | BaseBackground | Background color of modal. |

Android

Add <color> tag to your styles.xml | name | Description | | --------------------------------------------------- | --------------------------------------------------------------------------------- | | colorModalWebViewToolBarForegroundColor | Background color, modal navigation bar and toolbar. | | colorModalWebViewToolBarBackgroundColor | Item color of toolbar and navigation bar | | colorModalWebViewBaseBackgroundColor | Background color of modal. |

Example