diff --git a/tests/app/ui/web-view/web-view-code-snippet.ts b/tests/app/ui/web-view/web-view-code-snippet.ts new file mode 100644 index 000000000..fbf8f67fe --- /dev/null +++ b/tests/app/ui/web-view/web-view-code-snippet.ts @@ -0,0 +1,24 @@ +// >> web-view-loaded +import { EventData } from 'tns-core-modules/data/observable'; +import { WebView } from "tns-core-modules/ui/web-view"; +import { isAndroid } from "tns-core-modules/platform" + +export function navigatingTo(args: EventData) { + console.log("page navigating to"); +} + +export function webViewTouch(args){ + console.log("touch event"); +} + +export function webViewPan(args){ + console.log("pan gesture"); +} + +export function webViewLoaded(args){ + var webview:WebView = args.object; + if(isAndroid){ + webview.android.getSettings().setDisplayZoomControls(false); + } +} +// >> web-view-loaded \ No newline at end of file diff --git a/tests/app/ui/web-view/web-view.md b/tests/app/ui/web-view/web-view.md index f86c7bb6e..303f4708f 100644 --- a/tests/app/ui/web-view/web-view.md +++ b/tests/app/ui/web-view/web-view.md @@ -18,3 +18,20 @@ Using a WebView requires the web-view module. {%snippet webview-localfile%} ### Using WebView with raw HTML {%snippet webview-string%} +### Using WebView with gestures +```XML + + + + + + + + + + +``` + +{%snippet web-view-loaded%} + +>Note: to be able to use gestures in `WebView` component on Android, we should first disabled the zoom control. To do that we could access the `android` property and with the help of `setDisplayZoomControls` to set this controll to `false`. \ No newline at end of file