Basic usage of React Native Webview

WebViewInApp.js

// Mobile: React Native

import React, {useState, useEffect} from 'react';

import { View } from 'react-native';
import {Button} from 'react-native-paper';
import { WebView } from 'react-native-webview';

const App = () => {
  const [show, setShow] = useState({isOpen: false, url: null});

  return (
    <View>
        <View>
          <Button
            onPress={() =>
              setShow({
                isOpen: true,
                url: 'webview.com/login',
              })
            }>
            Login
          </Button>
        </View>
        {show.isOpen && (
          <WebView source={{uri: show.url}} />
        )}
      </ImageBackground>
    </View>
  );
};