fix rendering defaultLogo in shared QR on iOS, minor code cleanup

components/CollapsedQR.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import {
     Dimensions,
+    Image,
     Platform,
     StyleSheet,
     Text,
@@ -50,7 +51,12 @@ const ForwardedQRCode = React.forwardRef<QRCodeElement, ExtendedQRCodeProps>(
             getRef={(c) => {
                 if (c && c.toDataURL && !(ref as any).current) {
                     (ref as any).current = c;
-                    props.parent?.setState({ qrReady: true });
+                    Image.getSize(
+                        Image.resolveAssetSource(defaultLogo).uri,
+                        () => {
+                            props.parent?.setState({ qrReady: true });
+                        }
+                    );
                 }
             }}
         />

components/ShareButton.tsx

@@ -34,12 +34,9 @@ export default class ShareButton extends React.Component<ShareButtonProps> {
     shareContent = async () => {
         const { value, qrRef, onShareComplete } = this.props;
         try {
-            if (!qrRef?.current) {
-                return;
-            }
+            if (!qrRef?.current) return;
 
-            const svgElement = qrRef.current;
-            const base64Data = await captureRef(svgElement, {
+            const base64Data = await captureRef(qrRef.current, {
                 format: 'png',
                 quality: 1
             });