Skip to content

Latest commit

 

History

History
72 lines (59 loc) · 2.72 KB

README.md

File metadata and controls

72 lines (59 loc) · 2.72 KB

WebViewBrowser sample application

WebViewBrowser is sample application that demonstrates usage of <WebView /> component in React Native application.

UIWebView is not supported

UIWebView is DEPRECATED by Apple for a long time and removed from react-native-webview since version 7.0.1

How to prepare the app

Open the sample app directory in Terminal window: $ cd <path>/SampleApplications/WebViewBrowser

Install dependencies: $ yarn

NOTE: WebViewBrowser sample is based on 0.63.2 version of React Native. There is a possibility to upgrade to 0.63.x by running following command: $ react-native upgrade 0.63.x for example: $ react-native upgrade 0.63.3

Generate ios and android directories: $ react-native eject

Dynamics modules

Prerequisites

There are some dependencies that need to installed before using BlackBerry-Dynamics-for-React-Native-Base module. More information can be found here.

How to integrate Dynamics into application

$ yarn add <path>/modules/BlackBerry-Dynamics-for-React-Native-Base

Integrates Dynamics based on your current identifiers - iOS Bundle ID and Android Package Name.

$ yarn set-bundle-id (Optional step, but required for sample applications)

Allows to update an identifier (required) and name (optional) for your application. This identifier is your iOS Bundle ID or Android Package Name. It will also be used as the Entitlement ID for entitling and activating your application with the BlackBerry UEM management console.

How to secure <WebView /> UI component

$ yarn add <path>/ui-components/BlackBerry-Dynamics-for-React-Native-WebView
iOS

$ cd ios
$ pod install
$ cd ..

How to run application

iOS

$ react-native run-ios

Examples of usage

0.63.2

$ cd <path>/SampleApplications/WebViewBrowser
$ yarn
$ react-native eject
$ yarn add <path>/modules/BlackBerry-Dynamics-for-React-Native-Base
$ yarn set-bundle-id
$ yarn add <path>/ui-components/BlackBerry-Dynamics-for-React-Native-WebView
For iOS:
$ cd ios
$ pod install
$ cd ..
$ react-native run-ios

0.63.x

$ cd <path>/SampleApplications/WebViewBrowser
$ yarn
$ cd .. ; git init ; cd WebViewBrowser
$ react-native upgrade 0.63.3
$ react-native eject
$ yarn add <path>/modules/BlackBerry-Dynamics-for-React-Native-Base
$ yarn set-bundle-id
$ yarn add <path>/ui-components/BlackBerry-Dynamics-for-React-Native-WebView
For iOS:
$ cd ios
$ pod install
$ cd ..
$ react-native run-ios