fix(react-native): arrows (floating-ui#1685)

Author: atomiks

packages/core/src/middleware/arrow.ts

@@ -56,12 +56,16 @@ export const arrow = (options: Options): Middleware => ({
     const startDiff = coords[axis] - rects.reference[axis];
 
     const arrowOffsetParent = await platform.getOffsetParent?.(element);
-    const clientSize = arrowOffsetParent
+    let clientSize = arrowOffsetParent
       ? axis === 'y'
         ? arrowOffsetParent.clientHeight || 0
         : arrowOffsetParent.clientWidth || 0
       : 0;
 
+    if (clientSize === 0) {
+      clientSize = rects.floating[length];
+    }
+
     const centerToReference = endDiff / 2 - startDiff / 2;
 
     // Make sure the arrow doesn't overflow the floating element if the center

packages/react-native/src/createPlatform.ts

@@ -1,5 +1,5 @@
 import {Dimensions} from 'react-native';
-import {Platform, Dimensions as DimensionsType} from '@floating-ui/core';
+import {Platform} from '@floating-ui/core';
 
 const ORIGIN = {x: 0, y: 0};
 
@@ -67,9 +67,9 @@ export const createPlatform = ({
       }
     });
   },
-  getDimensions: ({element}) =>
+  getDimensions: (element) =>
     new Promise((resolve) =>
-      element.measure(({width, height}: DimensionsType) =>
+      element.measure((x: number, y: number, width: number, height: number) =>
         resolve({width, height})
       )
     ),