WEBVIEW CONTAINER IN REACT NATIVE

Job ID: 37609289

Budget: €250 – €750 EUR

I am looking for a React Native developer to create a WebView container for both iOS and Android platforms. The container should have the following functionalities:
- Load URLs
- The ability to interact with JavaScript

The desired timeline for completing the project is 1-2 weeks.

Ideal skills and experience for the job:
- Proficiency in React Native
- Strong knowledge of JavaScript
- Experience with WebView containers for both iOS and Android platforms
- Ability to work within a tight timeline and deliver high-quality results.


APPLICATION SPECS
-----------------------------------
The application will open with a splash screen and after this it will openwebview (Full screen) by openning the Homepage configured in the app settings.

Settings
----------------
Set App Name
Set App Icon
Splash Screen (Background color, Logo, wait time)
Set the USER_AGENT of the Webview
Set the Homepage that the app will open to
Show/hide the webpage loading sign manually


URL Handling
------------
Declare a list of Internal domains to open inside the webview by default (to support more than one domains)

Declare how non Internal domains will be handled:
- Open in App Webview
- Open in system browser

Declare target="_blank" links will be handled
- Open in App Webview
- Open in system browser


Firebase
--------
Push Notifications
Deeplinks handling to open the Webview with the deeplink URL
Deeplinks should work on all app states: Closed, Background, in Focus


Webview motions
---------------
Swipe Left -> go to previous page
Swipe Right -> go to next page
Swipe Down -> reload the page


Configure Colors
----------------
Set statusbarcolor, statusbartextcolor, bottombarcolor, navbartextcolor


Camera Handling
---------------
Uploading a picture to a website from a web form.


Document/ Image handling
------------------------
Gain access to local storage in order to select and upload docs from a web form


QRCode reader
-------------
Withing the webview, press a link with QRCode link <a href="qrcode://">Scan QR Code</a> -> Open the Camera, Scan the QRcode and return the QRCode link to the webview to load.


LINK SCHEME
-----------
Configuring a link scheme like so links from emails, texts, etc will open and direct the user to the webpage in the webview


CACHE HANDLING
---------------
Configure is Cache will be cleare on Startup
Link handler <a href="reset://">Link</a> to clear all cookies and cache.