Red de conocimiento informático - Problemas con los teléfonos móviles - React-native obtiene la posición absoluta de un elemento (en relación con la esquina superior izquierda de la pantalla)

React-native obtiene la posición absoluta de un elemento (en relación con la esquina superior izquierda de la pantalla)

Estructura DOM:

ltview style = {estilos verificar contenedor}? ref = 'verificar contenedor' en diseño = {({ evento nativo: e }) = gt; diseño (e)} gt;?

lt/View gt;

Método js correspondiente:

layout =(e)= gt;{

? consola.warn(e.layout.y)? ;

? var administrador de interfaz de usuario = require(' administrador de interfaz de usuario ');

? consola . warn(e . objetivo);

? UIManager.measure(e.target, (x, y, ancho, alto, izquierda, arriba) = gt; {

?console.warn('x:' x)

? console.warn('y:' y)

?console.warn('ancho:' ancho)

?

?console.warn('izquierda:' izquierda)

?console.warn('arriba:' arriba)

})

}

Nota: El onLayout del componente Ver (que puede obtener el ancho, el alto y la posición relativa) se usa junto con UIManager.measure (que puede obtener el ancho, el alto y la posición absoluta)

Otros puntos de conocimiento:

Obtener el valor del nodo del elemento dom:

Importar { findNodeHandle } de "react-native"

var nodeData =; findNodeHandle(this . refs . name);

NodeData es el valor del nodo

.