react-native-drag-drop-ios

Native drag and drop behaviour for iOS

example.mp4

Installation

npm install react-native-drag-drop-ios

import DragDropView from 'react-native-drag-drop-ios';

<DragDropView mode="drag-drop" />;

Prop	Type	Description
`mode`	`"drag"`, `"drop"`, or `"drag-drop"`	Interactions to enable on the view. It's recommended you don't change this value after mounting (see other props).
`scope`	`"system"` or `"app"`	Whether to allow dragging to and dropping from outside the app into other apps.

Prop	Type	Description
`dragEnabled`	bool	Disable drag interactions if they were enabled by `mode`.
`dragValue`	string	The value the dragged item has. Use `JSON.stringify` if you need an object as the value.
`dragType`	string	Used in conjunction with `dropTypes`. The default is a plain text type that the system understands - if you chaange this, you will not be able to drag outside the app.
`onDragStart`	function	Called when a drag interaction starts.
`onDragEnd`	function	Called when a drag interaction ends. Contains a `didDrop` event in `e.nativeEvent`.

Prop	Type	Description
`dropTypes`	array of strings	Accepts only drops from items with certain `dragType`s. The default is a plain text type that can come from outside the app. Set to an empty array to temporarily disable dropping.
`onDropEnter`	function	Called when a drag interaction enters this drop target.
`onDragOver`	function	Called when a drag is moving over this drop target. Contains `offsetX` and `offsetY` in `e.nativeEvent`.
`onDragLeave`	function	Called when a drag interaction leaves this drop target.
`onDrop`	function	Called when a drop interaction finishes on this drop target. Contains `items` in `e.nativeEvent`, which is an array items matching type `{ type, value }`

See the contributing guide to learn how to contribute to the repository and the development workflow.

MIT