How can I develop a mesh move with my finger

[fys85]

thanks for support the react native, I try the example with Gestures.tsx ,it does well on web，but when I do it with react-native on android devices as follow:

function Obj({ scale = 1, z = 0, opacity = 1 }) {
  const { viewport } = useThree()
  const [position, set] = useState<[number, number, number]>([0, 0, z])

  const meshref = useRef<THREE.Mesh>()

return (
　<mesh
　　userData={{ hello: "world" }}
　　ref={meshref}
　　position={position}
　　onPointerMove = {(e)=>{
　　e.stopPropagation()
　　const aspect = viewport.getCurrentViewport().factor 
　　// let locationX = e.nativeEvent.locationX/(aspect*2.8125);  (2.8125 is device's density,this can do partly  well)
　　// let locationY = e.nativeEvent.locationY/(aspect*2.8125);
　　let locationX = e.nativeEvent.locationX/(aspect);
　　let locationY = e.nativeEvent.locationY/(aspect);
　　set([locationX, -locationY, z])
　　　}
　　}
　　onClick={(e) => {
　　　e.stopPropagation()
　　　console.log('clicked', { z })
　　　}
　　}
　　castShadow
　　scale={scale}>
　　<dodecahedronGeometry args={[2, 0]} />
　　<meshStandardMaterial transparent opacity={opacity} color={true ? 'hotpink' : 'orange'} />
　</mesh>
  )
}

function onPointerMissed(e)
{
　　console.log("the event is on onPointerMissed")
　　console.log(e);
}

export default function TestApp() {
  return（
　　<Canvas style={{ background: '#222' }} onPointerMissed={(e)=>onPointerMissed(e)}>
　　　<ambientLight intensity={0.5} />
　　　<spotLight position={[10, 10, 10]} angle={0.15} penumbra={1} />
　　　<pointLight position={[-10, -10, -10]} />
　　　<Obj z={-1} scale={0.5} />
　　　<Obj opacity={0.8} />
    </Canvas>
）
}

it can not move the mesh with my finger,and the e.nativeEvent.locationX/Y may be the size in dp,not pixel,what can I do,thanks!

[CodyJasonBennett]

Can you try with the latest beta 8.0.0-beta.0?

Although note that state.mouse in useFrame already contains normalized mouse coordinates.