【文件属性】：
文件名称：react-native-easy-dnd:使用react-native进行拖放操作变得简单
文件大小：304KB
文件格式：ZIP
更新时间：2021-05-02 13:13:04
react-native drag-and-drop TypeScript
安装
npm install --save react-native-easy-dnd
# or using yarn
yarn add react-native-easy-dnd
用法
首先，您需要导入createDndContext 。 此函数创建用于存储可拖动和可放下子组件的数据的上下文。
import { createDndContext } from "react-native-easy-dnd" ;
const { Provider , Droppable , Draggable } = createDndContext ( ) ;
提供者
将要在Provider启用拖放功能的应用程序部分包装起来。
< Provider>
< View>
{ /* */ }
< / View >
< / Provider >
可拖动
添加具有功能的Dragga
【文件预览】：
react-native-easy-dnd-master
----.gitignore(121B)
----package.json(2KB)
----tslint.json(73B)
----src()
--------dragAndDropContext.tsx(7KB)
--------droppable.tsx(3KB)
--------types.tsx(3KB)
--------index.ts(38B)
--------draggable.tsx(4KB)
----.travis.yml(2KB)
----gulpfile.js(687B)
----LICENSE(1KB)
----tsconfig.json(599B)
----__tests__()
--------dragAndDropContext.test.tsx(419B)
--------droppable.test.tsx(5KB)
--------draggable.test.tsx(3KB)
----README.md(4KB)
----example()
--------package.json(578B)
--------.watchmanconfig(3B)
--------assets()
--------App.js(4KB)
--------rn-cli.config.js(219B)
--------babel.config.js(107B)
--------app.json(586B)
--------yarn.lock(190KB)
----demo.gif(134KB)
----tsconfig.jest.json(159B)
----.editorconfig(197B)
----yarn.lock(286KB)