From 1cf994f0dc4d327b32ed2ae07df90426f78cf242 Mon Sep 17 00:00:00 2001
From: shutao <shutao@dcloud.io>
Date: Mon, 29 Jul 2024 17:42:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9Eget-native-view=E7=A4=BA?=
 =?UTF-8?q?=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    | 11 ++-
 .../get-native-view/get-native-view.test.js   | 42 ++++++++
 .../API/get-native-view/get-native-view.uvue  | 96 +++++++++++++++++++
 .../utssdk/app-android/index.uts              | 24 ++++-
 .../uts-get-native-view/utssdk/interface.uts  | 20 ++++
 5 files changed, 191 insertions(+), 2 deletions(-)
 create mode 100644 pages/API/get-native-view/get-native-view.test.js
 create mode 100644 pages/API/get-native-view/get-native-view.uvue

diff --git a/pages.json b/pages.json
index 9cd8ca8f..504b6914 100644
--- a/pages.json
+++ b/pages.json
@@ -1107,6 +1107,15 @@
 				"navigationBarTitleText": "createSelectorQuery | 创建 SelectorQuery 实例"
 			}
 		},
+		// #ifndef APP
+		{
+			"path": "pages/API/get-native-view/get-native-view",
+			"style": {
+				"navigationBarTitleText": "获取原生view",
+				"backgroundColor": "#F8F8F8"
+			}
+		},
+		// #endif
 		{
 			"path": "pages/API/create-canvas-context-async/create-canvas-context-async",
 			"group": "1,16,3",
@@ -2730,4 +2739,4 @@
 			]
 		}
 	]
-}
\ No newline at end of file
+}
diff --git a/pages/API/get-native-view/get-native-view.test.js b/pages/API/get-native-view/get-native-view.test.js
new file mode 100644
index 00000000..05f81a52
--- /dev/null
+++ b/pages/API/get-native-view/get-native-view.test.js
@@ -0,0 +1,42 @@
+describe('get-native-view', () => {
+  if (process.env.uniTestPlatformInfo.indexOf('web') > -1 || process.env.UNI_AUTOMATOR_APP_WEBVIEW == 'true') {
+    it('object', () => {
+      expect(1).toBe(1)
+    })
+    return
+  }
+  let page
+  beforeAll(async () => {
+    page = await program.reLaunch('/pages/API/get-native-view/get-native-view')
+    await page.waitFor('web-view')
+  })
+
+  //检测view标签原生View是否匹配
+  it('check_view_native_view', async () => {
+    page.waitFor(100)
+    const value = await page.callMethod('checkViewNativeView')
+    expect(value).toBe(true)
+  })
+
+  //检测intpu标签原生View是否匹配
+  it('check_input_native_view', async () => {
+    page.waitFor(100)
+    const value = await page.callMethod('checkInputNativeView')
+    expect(value).toBe(true)
+  })
+
+  //检测textarea标签原生View是否匹配
+  it('check_textarea_native_view', async () => {
+    page.waitFor(100)
+    const value = await page.callMethod('checkTextareaNativeView')
+    expect(value).toBe(true)
+  })
+
+  //检测view标签原生View是否匹配
+  it('check_web_view_native_view', async () => {
+    page.waitFor(100)
+    const value = await page.callMethod('checkWebViewNativeView')
+    expect(value).toBe(true)
+  })
+
+})
diff --git a/pages/API/get-native-view/get-native-view.uvue b/pages/API/get-native-view/get-native-view.uvue
new file mode 100644
index 00000000..47df62da
--- /dev/null
+++ b/pages/API/get-native-view/get-native-view.uvue
@@ -0,0 +1,96 @@
+<template>
+  <view id="view" style="flex: 1;">
+    <input id="input" value="input" class="input" />
+    <textarea id="textarea" value="textarea" class="textarea" />
+    <web-view id="webview" src="/hybrid/html/local.html" class="web-view"></web-view>
+    <button type="primary" @click="checkViewNativeView">检测view标签原生View</button>
+    <button type="primary" @click="checkInputNativeView">检测input标签原生View</button>
+    <button type="primary" @click="checkTextareaNativeView">检测textarea标签原生View</button>
+    <button type="primary" @click="checkWebViewNativeView">检测input标签原生View</button>
+  </view>
+</template>
+
+<script>
+  import { checkWebViewNativeView, checkInputNativeView, checkTextareaNativeView, checkViewNativeView } from '@/uni_modules/uts-get-native-view';
+  export default {
+    data() {
+      return {
+
+      }
+    },
+    methods: {
+      checkViewNativeView() : boolean {
+        if (checkViewNativeView("view")) {
+          uni.showToast({
+            title: "检测view原生View成功"
+          })
+          return true
+        }
+        console.log("检测view原生View失败")
+        return false
+      },
+      checkInputNativeView() : boolean {
+        if (checkInputNativeView("input")) {
+          uni.showToast({
+            title: "检测input原生View成功"
+          })
+          return true
+        }
+        console.log("检测input原生View失败")
+        return false
+      },
+      checkTextareaNativeView() : boolean {
+        if (checkTextareaNativeView("textarea")) {
+          uni.showToast({
+            title: "检测textarea原生View成功"
+          })
+          return true
+        }
+        console.log("检测textarea原生View失败")
+        return false
+      },
+      checkWebViewNativeView() : boolean {
+        if (checkWebViewNativeView("webview")) {
+          uni.showToast({
+            title: "检测webview原生View成功"
+          })
+          return true
+        }
+        console.log("检测webview原生View失败")
+        return false
+      }
+    }
+  }
+</script>
+
+<style>
+  .input {
+    width: 300px;
+    height: 40px;
+    border-radius: 4px;
+    border-width: 1px;
+    border-color: black;
+    border-style: solid;
+    margin: 20px auto;
+  }
+
+  .textarea {
+    width: 300px;
+    height: 80px;
+    border-radius: 4px;
+    border-width: 1px;
+    border-color: black;
+    border-style: solid;
+    margin: 20px auto;
+  }
+
+  .web-view {
+    width: 300px;
+    height: 120px;
+    margin: 20px auto;
+    border-radius: 4px;
+    border-width: 1px;
+    border-color: black;
+    border-style: solid;
+  }
+</style>
diff --git a/uni_modules/uts-get-native-view/utssdk/app-android/index.uts b/uni_modules/uts-get-native-view/utssdk/app-android/index.uts
index 4824c1fe..ad8a2f9f 100644
--- a/uni_modules/uts-get-native-view/utssdk/app-android/index.uts
+++ b/uni_modules/uts-get-native-view/utssdk/app-android/index.uts
@@ -1,6 +1,8 @@
-import { CanWebViewGoBack, CanWebViewGoForward, HasNativeView} from "../interface";
+import { CanWebViewGoBack, CanWebViewGoForward, HasNativeView, CheckWebViewNativeView, CheckInputNativeView, CheckTextareaNativeView, CheckViewNativeView} from "../interface";
 import WebView from 'android.webkit.WebView';
 import View from "android.view.View"
+import EditText from "android.widget.EditText"
+import ViewGroup from "android.view.ViewGroup"
 
 export const canWebViewGoBack : CanWebViewGoBack = function (elementId : string) : boolean {
   const view = uni.getElementById(elementId)?.getAndroidView<WebView>();
@@ -16,3 +18,23 @@ export const hasNativeView : HasNativeView = function (elementId : string) : boo
   const view = uni.getElementById(elementId)?.getAndroidView<View>();
   return view != null;
 }
+
+export const checkWebViewNativeView: CheckWebViewNativeView = function (elementId : string) : boolean {
+  const view = uni.getElementById(elementId)?.getAndroidView<WebView>();
+  return view != null;
+}
+
+export const checkInputNativeView: CheckInputNativeView = function (elementId : string) : boolean {
+  const view = uni.getElementById(elementId)?.getAndroidView<EditText>();
+  return view != null;
+}
+
+export const checkTextareaNativeView: CheckViewNativeView = function (elementId : string) : boolean {
+  const view = uni.getElementById(elementId)?.getAndroidView<EditText>();
+  return view != null;
+}
+
+export const checkViewNativeView: CheckViewNativeView = function (elementId : string) : boolean {
+  const view = uni.getElementById(elementId)?.getAndroidView<ViewGroup>();
+  return view != null;
+}
diff --git a/uni_modules/uts-get-native-view/utssdk/interface.uts b/uni_modules/uts-get-native-view/utssdk/interface.uts
index eaf60e86..31b29b53 100644
--- a/uni_modules/uts-get-native-view/utssdk/interface.uts
+++ b/uni_modules/uts-get-native-view/utssdk/interface.uts
@@ -12,3 +12,23 @@ export type CanWebViewGoForward = (elementId : string) => boolean
  * 是否存在原生view
  */
 export type HasNativeView = (elementId : string) => boolean
+
+/**
+ * 检测web-view标签获取到的原生View是否符合预期的原生View
+ */
+export type CheckWebViewNativeView = (elementId : string) => boolean
+
+/**
+ * 检测input标签获取到的原生View是否符合预期的原生View
+ */
+export type CheckInputNativeView = (elementId : string) => boolean
+
+/**
+ * 检测textarea标签获取到的原生View是否符合预期的原生View
+ */
+export type CheckTextareaNativeView = (elementId : string) => boolean
+
+/**
+ * 检测view标签获取到的原生View是否符合预期的原生View
+ */
+export type CheckViewNativeView = (elementId : string) => boolean
-- 
GitLab