React > 16.3 请引用react-native-drag-sort@latest 2020.1 新增自动滑动功能 如果你不需要自动滑动功能可以使用或者对Android效果不满意可以暂时使用DragSortableView(稳定、可靠、较长时间没人提issus Bug了),如果你想要使用自动滑动请使用AutoDragSortableView。 自动滑动
yarn add react-native-drag-sort or npm i react-native-drag-sort --saveexport{ DragSortableView, AutoDragSortableView } Performance(GIF) API AutoDragSortableView、DragSortableView dataSource: PropTypes.array.isRequired : parentWidth: PropTypes.number //parent width childrenHeight: PropTypes.number.is...
在React Native中,你需要一个能够处理触摸手势、更新UI并同步数据源的组件。 2. 调研React Native支持的拖动排序库 React Native社区中有多个支持拖动排序的库,你可以根据项目的具体需求选择合适的库。其中,react-native-drag-sort是一个较为流行且功能强大的选择。 项目地址:react-native-drag-sort 核心特性:原生...
react-native-drag-sort [!TIP] Github 地址 安装与使用 请到三方库的 Releases 发布地址查看配套的版本信息:@react-native-oh-tpl/react-native-drag-sort Releases 。对于未发布到npm的旧版本,请参考安装指南安装tgz包。 进入到工程目录并输入以下命令: yarn yarn add @react-native-oh-tpl/react-native-dra...
// activeRef.current是初始下标,计算一下偏移即可 index = activeRef.current + Math.round( (e.nativeEvent.pageY - initDragPageY.current + initDragLocationY.current) / itemHeight, ); // 注意范围约束 index = Math.min(data.length, Math.max(index, 0)); // 起始下标: activeRef.current ...
其实拖拽排序在大多数编程语言里已经有很多中三方插件可以使用,实现方法都差不多,而且例如Android和iOS或者现在的React-Native他们逻辑几乎是可以共用,你会写一个语言的拖拽排序,其他的都差不多。 梳理一下步骤 开始触发:长按或触摸到达一定时间时触发开始排序,这时可以进行把被单机的item放大、透明、抖动动画。
onDrag 方法 拖动中 onStop 方法 结束拖动 onMouseDown 方法 触发点击 属性列表 属性名称 说明 bounds 指定移动的边界值;可以设置的值 left:number,top:number,right:number,bottom:number group group= “name”,相同的组之间可以相互拖拽 sort sort= “true”,是否开启内部排序,如果设置为false,它所在组无法排序...
react-native-sortable-listview Drag drop capable wrapper of ListView for React Native. Allows for dragging and dropping of rows with automatic scrolling while dragging. Add it to your project Run npm install react-native-sortable-listview --save import SortableListView from 'react-native-sortable-lis...
A drag-and-drop-enabled FlatList component for React Native. Latest version: 4.0.3, last published: a month ago. Start using react-native-draggable-flatlist in your project by running `npm i react-native-draggable-flatlist`. There are 34 other projects i
"react-native-drag-sort": "^1.3.6", "react-native-fbsdk-next": "^3.0.1", "react-native-fs": "^2.16.2", "react-native-gesture-handler": "^1.6.1", "react-native-google-places-autocomplete": "^1.4.1", "react-native-iap": "^7.5.0", ...