本文介绍了React Native中如何使用.measure方法获取组件的偏移量和尺寸。通过在组件挂载后调用measure方法，并结合示例展示如何计算自定义组件的布局。在遇到组件未完成渲染时，可以通过setTimeout解决测量为零的问题。
React Native提供了一个.measure(...)方法，该方法接受回调并使用组件的偏移量和宽度/高度调用它：
myComponent.measure( (fx, fy, width, height, px, py) => {
console.log('Component width is: ' + width)
console.log('Component height is: ' + height)
console.log('X offset to frame: ' + fx)
console.log('Y offset to frame: ' + fy)
console.log('X offset to page: ' + px)
console.log('Y offset to page: ' + py)
})
示例......
下面计算自定义组件呈现后的布局：
class MyComponent extends React.Component {
render() {
return { this.myComponent = view; }} />
}
componentDidMount() {
// Print component dimensions to console
this.myComponent.measure( (fx, fy, width, height, px, py) => {
console.log('Component widt
最低0.47元/天 解锁文章
511
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
