how to create native view

app.tsx

// somehwere you make a request and get back data (which is a checkout)
setCheckoutUrl(`https://wallet.paywithsoap.com/?clientSecret=${data.client_secret}`);

return (
      <SafeAreaView style={backgroundStyle}>
        <View style={styles.webViewHeader}>
          <TouchableOpacity onPress={closeWebView} style={styles.closeButton}>
            <Text style={styles.closeButtonText}>✕</Text>
          </TouchableOpacity>
          <Text style={styles.webViewTitle}>Checkout</Text>
        </View>
        <WebView
          source={{uri: checkoutUrl}}
          originWhitelist={['*']}
          javaScriptEnabled={true}
          domStorageEnabled={true}
          startInLoadingState={true}
          allowsInlineMediaPlayback={true}
          scalesPageToFit={true}
        />
      </SafeAreaView>
    );