react native 如何获取当前组件所在位置?
分为两步:
一、在组件上加上ref属性
<Text
ref='explainIcon' // 加上这个
style={styles.explainIcon}
onPress={()=>{this.onPress()}}
>
这样子
</Text>
二、获取当前组件所在位置
// 点击事件
onPress=()=>{
let that=this;
this.refs.explainIcon.measure((frameX, frameY, frameWidth, frameHeight, pageX, pageY)=>{
console.log(frameX);
console.log(frameY);
console.log(frameWidth); // 当前组件的宽度
console.log(frameHeight); // 当前组件的高度
console.log(pageX); // 当前组件距离左侧的距离
console.log(pageY); // 当前组件距离顶部的距离
});
}