Vertically center about react-native-recaptcha-that-works HOT 7 CLOSED

const Recaptcha = forwardRef(
  ({ onSuccess, onExpire }: RecaptchaProps, ref: Ref<RecaptchaRef>) => {
    const insets = useSafeAreaInsets();

    const styles = useMemo(
      () => ({
        marginTop: insets.top,
      }),
      [insets.top]
    );

    return (
      <RNRecaptcha
        ref={ref}
        lang={"en"}
        siteKey={config.RECAPTCHA_SITE_KEY}
        baseUrl={config.GRAPHQL_URI}
        size={"normal"}
        theme={"dark"}
        enterprise={true}
        action={RecaptchaAction.MobileLogin}
        onExpire={onExpire}
        onVerify={onSuccess}
        style={styles}
      />
    );
  }
);

const insets = useSafeAreaInsets();

webViewProps={{
  injectedJavaScript: `
    const interval = setInterval(() => {
      const iFrames = document.querySelectorAll('iframe');
      let lastDivWithIFrame = null;

      iFrames.forEach((iframe) => {
        const parentDiv = iframe.parentElement;

        if (parentDiv.tagName.toLowerCase() === 'div') {
          const zIndex = window.getComputedStyle(parentDiv).zIndex;
          const width = parentDiv.style.width;

          if (zIndex === "2000000000" && width.includes('px')) {
            lastDivWithIFrame = parentDiv;
          }
        }
      });

      if (lastDivWithIFrame) {
        lastDivWithIFrame.style.marginTop = "${insets.top}px";
        clearInterval(interval);
      }
    }, 500);
  `,
}}