react-native-easy-dnd:使用react-native进行拖放操作变得简单

时间:2024-05-22 06:59:44
【文件属性】:

文件名称:react-native-easy-dnd:使用react-native进行拖放操作变得简单

文件大小:304KB

文件格式:ZIP

更新时间:2024-05-22 06:59:44

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)

网友评论