RN-获取组件的高宽和位置

import {
    findNodeHandle,
    UIManager
} from 'react-native';

 // padding: 20

                
                    {
                        const handle = findNodeHandle(this.refs.banner);
                        UIManager.measure(handle,(x, y, width, height, pageX, pageY)=>{
                            console.log('x=',x);//相对父视图位置x
                            console.log('y=',y);//相对父视图位置y
                            console.log('width=',width);//组件宽度
                            console.log('height=',height);//组件高度
                            console.log('pageX=',pageX);//绝对位置x
                            console.log('pageY=',pageY);//绝对位置y
                        })


                        UIManager.measureInWindow(handle,(x, y, width, height)=>{
                            console.log('====x=',x);//绝对位置x
                            console.log('====y=',y);//绝对位置y
                            console.log('====width=',width);//组件宽度
                            console.log('====height=',height);//组件高度

                        })
                    }}>
                        这是一个按钮adsfadsfadf
                    

                
 
image.png

你可能感兴趣的:(RN-获取组件的高宽和位置)