How to use nativescript-inappbrowser - 3 common examples
To help you get started, we’ve selected a few nativescript-inappbrowser examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
proyecto26 / nativescript-inappbrowser / demo / app / home / home-view-model.ts View on Github 
openLink = async () => {
try {
const { url } = this;
if (await InAppBrowser.isAvailable()) {
const result = await InAppBrowser.open(url, {
// iOS Properties
dismissButtonStyle: 'cancel',
preferredBarTintColor: '#453AA4',
preferredControlTintColor: 'white',
readerMode: false,
animated: true,
modalPresentationStyle: 'fullScreen',
modalTransitionStyle: 'partialCurl',
modalEnabled: true,
enableBarCollapsing: false,
// Android Properties
showTitle: true,
toolbarColor: '#6200EE',
secondaryToolbarColor: 'black',
enableUrlBarHiding: true,
enableDefaultShare: true,tryDeepLinking = async () => {
const loginUrl = `https://proyecto26.github.io/react-native-inappbrowser/`;
const redirectUrl = this.getDeepLink('home');
const url = `${loginUrl}?redirect_url=${encodeURIComponent(redirectUrl)}`;
if (await InAppBrowser.isAvailable()) {
const result = await InAppBrowser.openAuth(url, redirectUrl);
await this.sleep(800);
alert({
title: 'Response',
message: JSON.stringify(result),
okButtonText: 'Ok'
});
}
}
}tryDeepLinking = async () => {
const loginUrl = `https://proyecto26.github.io/react-native-inappbrowser/`;
const redirectUrl = this.getDeepLink('home');
const url = `${loginUrl}?redirect_url=${encodeURIComponent(redirectUrl)}`;
if (await InAppBrowser.isAvailable()) {
const result = await InAppBrowser.openAuth(url, redirectUrl);
await this.sleep(800);
alert({
title: 'Response',
message: JSON.stringify(result),
okButtonText: 'Ok'
});
}
}
}nativescript-inappbrowser
InAppBrowser for NativeScript
