Overview

Options

<DragDropContentView /> supports all <View /> Props. Other Props:

Option	iOS	Android	Web	Description
onDrop	✅	✅	✅	A callback that returns an array of assets. Refer to Asset Object
onDragStart	✅	✅	✅	A callback that is called when the user starts dragging an asserts.
onDragEnd	✅	✅	✅	A callback that is called when the users finger is released (successfully or not).
onEnter	✅	✅	✅	A callback that is called when any source is dragged into the view's boundary (hovering begins).
onExit	✅	✅	✅	A callback that is called when any source is dragged out of the view's boundary (hovering ends).
onDropListeningStart	❌	✅	❌	A callback that is called for all <DragDropContentView /> instances within the view port once any drag begins. Useful if you want to customize all drop areas as soon as any asset begins dragging. Refer to Example
includeBase64	✅	✅	❌	If true, creates a base64 string of the media (Avoid using on large media files due to performance). It is always true on Web since it is the only available source.
draggableSources	✅	✅	✅	Sources that can be dragged around the screen. Refer to Draggable Source.
allowedMimeTypes	✅	✅	✅	An array of mime types that are allowed to be dropped.

Asset Object

key	iOS	Android	Web	Description
base64	✅	✅	✅	The base64 string of the media (Optional on Android and iOS, but Required on Web)
uri	✅	✅	❌	The file uri in app-specific cache storage.
path	✅	✅	❌	The original file path.
width	✅	✅	✅	Asset dimensions
height	✅	✅	✅	Asset dimensions
type	✅	✅	✅	The file mime type
fileName	✅	✅	✅	The file name
text	✅	✅	✅	If the dropped file is text, this key contains its value

Draggable Source

key	iOS	Android	Web	Description
type	✅	✅	✅	image, video, text or file
value	✅	✅	✅	For image, video or file, pass file uri or their base64 string. And for text pass the text value