feat: 增加 react native 下获取元素布局信息的逻辑

oasis-cloud · oasis-cloud · commit 15e734932474 · 2024-06-18T16:37:02.000+08:00
diff --git a/src/utils/get-rect-by-taro.ts b/src/utils/get-rect-by-taro.ts
@@ -1,5 +1,6 @@
 import { createSelectorQuery } from '@tarojs/taro'
 import { getRect, inBrowser } from './use-client-rect'
+import { rn } from './platform-taro'
 
 export interface Rect {
   dataset: Record<string, any>
@@ -28,6 +29,25 @@ export const getRectByTaro = async (element: any): Promise<Rect> => {
     if (inBrowser) {
       return Promise.resolve(getRect(element))
     }
+    if (rn()) {
+      return new Promise((resolve) => {
+        element.measure(
+          (
+            xPos: number,
+            yPos: number,
+            measureWidth: number,
+            measureHeight: number,
+            pageX: number,
+            pageY: number
+          ) => {
+            const rect = makeRect(measureWidth, measureHeight)
+            rect.left = pageX
+            rect.top = pageY
+            resolve(rect)
+          }
+        )
+      })
+    }
     // 小程序下的逻辑
     return new Promise((resolve, reject) => {
       createSelectorQuery()
