Acuant form Spike

App.tsx

import React from 'react';
import {
  Dimensions,
  SafeAreaView,
  ScrollView,
  StyleSheet,
  View,
} from 'react-native';
import WebView from 'react-native-webview';

const ACUANT_URI = 'https://regtech.identitymind.store/viewform/jzxpm/';

type WebViewFormProps = {
  uri: string;
};

const WebViewForm: React.FC<WebViewFormProps> = ({uri}) => {
  return (
    <View style={styles.webViewContainer}>
      <WebView style={styles.webView} source={{uri}} />
    </View>
  );
};

const App = () => {
  return (
    <SafeAreaView>
      <ScrollView contentInsetAdjustmentBehavior="automatic">
        <View>
          <WebViewForm uri={ACUANT_URI} />
        </View>
      </ScrollView>
    </SafeAreaView>
  );
};

const WINDOW_WIDTH = Dimensions.get('window').width;
const WINDOW_HEIGHT = Dimensions.get('window').height;

const styles = StyleSheet.create({
  webView: {
    width: WINDOW_WIDTH,
  },
  webViewContainer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    width: WINDOW_WIDTH,
    height: WINDOW_HEIGHT - 30,
  },
});

export default App;