React Native：获取元素的位置

JavaScript React.js

Davaid前端

2020-03-18

我正在Image用flexbox设置组件的样式，使其位于屏幕中央，效果很好。现在，我希望第二个Image组件直接显示在第一个组件的顶部。第二个图像使用绝对定位。目前，我只是在猜测像素是否适合它，但是当然这是不准确的，并且在可维护性方面付出了太多努力。

我正在寻找与jQuery等效的React Native .offset()。有这样的事情吗？如果没有，实现这一目标的最佳方法是什么？

第2164篇《React Native：获取元素的位置》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
伽罗十三 2020.03.18

使用引用进行计算时，这在最新版本的React Native中似乎已经改变。

以这种方式声明引用。

  <View
    ref={(image) => {
    this._image = image
  }}>

并以此方式找到价值。

  _measure = () => {
    this._image._component.measure((width, height, px, py, fx, fy) => {
      const location = {
        fx: fx,
        fy: fy,
        px: px,
        py: py,
        width: width,
        height: height
      }
      console.log(location)
    })
  }

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android