React-native-windows: 'Question: File drag and drop'

[ngburke]

Looking for some advice on how to implement file drag/drop from the desktop into the RNW app.

In our prior app version with Electron and ReactXP, we were using a View component that had various onDrag* methods that yielded a DataTransfer type result to process dropped files.

After looking through the React Native and your documentation, plus some searching I was not able to find a clear path forward here. Any tip in the right direction is much appreciated.

[chrisglein]

We don't have any immediate plans to build a file drag and drop solution, but you could write a custom view manager and do it there.

@harinikmsft can you track down a knowledgeable person about drag and drop to provide direction here?

[ngburke]

Any luck finding someone?

[dstaley]

As it turns out, adding drag and drop support (at least a basic version) is quite easy! I've uploaded an example project here https://github.com/dstaley/react-native-windows-drag-drop-sample

This particular example only handles text files, but it should provide most of what you need to at least get started adding support.

[ngburke]

Excellent, thank you for sharing. I'll give it a go next week!

[harinikmsft]

Thanks @dstaley for the sample.