ViroDragPlane

A drag plane allows you to specify the plane which the object is dragged. When a drag type of "FixedToPlane" is given, dragging is limited to a user defined plane. The dragging behavior is then configured by this property (specified by a point on the plane and its normal vector). You can also limit the maximum distance the dragged object is allowed to travel away from the camera/controller (useful for situations where the user can drag an object towards infinity). Make sure the object is positioned on the drag plane, or it may not appear to drag correctly.

<ViroBox
  position={[0, 0, -2]}
  dragPlane={{
    planeNormal: [0, 0, 0],
    planePoint: [0, 0, -2],
    maxDistance: 10,
  }}
  onDrag={(event) => console.log("Drag Event:", event)}
/>
PropertyTypeDescription
planePointnumber[]a point on the plane
planeNormalnumber[]the point on the plane's normal vector
maxDistancenumberthe maximum distance the dragged object is allowed to travel away from the camera/controller