Actualmente estoy tratando de desarrollar una aplicación con elementos arrastrables usando React Native y la biblioteca react Native arrastrable ( https://www.npmjs.com/package/react-native-draggable ).

Mi objetivo es obtener la posición de mi elemento arrastrable. (Para que pueda cambiar su color dependiendo de dónde se encuentre en la pantalla).

Probé un método diferente pero nada funcionó para mí. Aquí está lo último que probé:

 return ( <View> <Draggable onDragRelease={event => {const layout = event.nativeEvent.layout; console.log('x:', layout.x); console.log('y:', layout.y); } } x={positionX} y={positionY} renderSize={56} renderColor='#BDFF00' renderText={'Drag me'} // onDrag={getPosition} /> </View> )

El código anterior devuelve este error ( TypeError: undefined is not an object (evaluating 'layout.x' ))

También traté de hacer esto:

 const getPosition = (event) => { console.log(event.locationX) setPositionX(event.locationX) setPositionY(event.locationY) }; const changerColorFunction = () => { } return ( <View> <Draggable x={positionX} y={positionY} renderSize={56} renderColor='#BDFF00' renderText={'Drag me'} onDrag={getPosition} /> </View> )

Basado en la documentación Draggable nativa de reacción, pero tampoco funciona. Creo que no entendí completamente cómo debería funcionar. Cualquier ayuda sería genial.