diff --git a/docs/component/view.md b/docs/component/view.md index 5676297b21f406cf017b8fb5e6b07665df238ae4..d5f6bf7a3bd9dd4c7c67cbc84c606cf081a72033 100644 --- a/docs/component/view.md +++ b/docs/component/view.md @@ -18,27 +18,38 @@ #### App平台@app - HBuilder4.0以下版本`hover-class`属性App端与微信小程序效果一样,手指按下进入`hover-class`状态后,手指移动就会取消`hover-class`状态 - HBuilder4.0及以上版本App端调整为手指在view范围内移动不会取消`hover-class`状态,手指移动到view范围之外才会取消`hover-class`状态 - - -#### 获取原生view对象 - -**Android 平台:** - -获取view组件对应的UniElement对象,通过UniElement对象的[getAndroidView](../dom/unielement.md#getandroidview-2)函数获取组件原生view对象 - -```uts -//导入安卓原生ViewGroup对象 -import ViewGroup from "android.view.ViewGroup" + + +#### 获取原生view对象 + +**Android 平台:** + +获取view组件对应的UniElement对象,通过UniElement对象的[getAndroidView](../dom/unielement.md#getandroidview-2)函数获取组件原生view对象 + +```uts +//导入安卓原生ViewGroup对象 +import ViewGroup from "android.view.ViewGroup" //通过view组件定义的id属性值,获取view标签的UniElement对象 const viewElement = uni.getElementById(id) //UniElement.getAndroidView设置泛型为安卓底层ViewGroup对象, 直接获取ViewGroup 如果泛型不匹配会返回null -if(viewElement != null) { +if(viewElement != null) { //viewGroup就是view组件对应的原生view对象 const viewGroup = viewElement.getAndroidView() } -``` - +``` + +**iOS 平台:** + +获取view组件对应的UniElement对象,通过UniElement对象的[getAndroidView](../dom/unielement.html#getiosview)函数获取组件原生view对象 + +```uts +//通过 view 组件定义的 id 属性值,获取 view 标签的 UniElement 对象 +const viewElement = uni.getElementById(id) +//获取原生 view +const view = viewElement?.getIOSView(); +``` + 更多示例请参考 uts 插件 [uts-get-native-view](https://gitcode.net/dcloud/hello-uni-app-x/-/blob/alpha/uni_modules/uts-get-native-view/utssdk/app-ios/index.uts)