react-native-draggable-flatlist

开源

支持拖放的 React Native 列表

2.2K stars0 点赞0 次浏览

工具介绍

支持拖放的 React Native 列表

React Native Draggable FlatList

一个支持拖拽的 FlatList 组件，用于 React Native。
由 Reanimated 和 React Native Gesture Handler 提供的完全原生交互。

要在 DraggableFlatList 中使用可滑动的列表项，请参阅 React Native Swipeable Item。

安装

遵循 reanimated 和 React-native-gesture-handler 的安装说明。RNGH 可能需要您对 MainActivity.java 进行更改。请务必遵循所有 Android 指示！
使用 npm 或 yarn 安装此包

使用 npm：

bash

npm install --save react-native-draggable-flatlist
```<br />

使用 `yarn`：<br />

yarn add react-native-draggable-flatlist


3. `import DraggableFlatList from 'React-native-draggable-flatlist'`
## API
###道具
所有道具都分布在底层的 [FlatList](https://facebook.github.io/react-native/docs/flatlist) 中

| 名称                       | 类型                                                                                      | 描述                             
| :------------------------- | :---------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| `data`                     | `T[]`                                                                                     | 要渲染的项目。                                                                                                                                                                                              |
| `ref`                     | `React.RefObject<FlatList<T>>`