问题标签 [react-native-draggable-flatlist]

我正在尝试为可拖动的平面列表编写一个简单的代码。对于 FlatList，相同的代码运行得非常好。在下面的代码中，如果我将 FlatList 替换为 DraggableFlatList，尽管从渲染组件“TaskListTile”显示日志，但屏幕上没有任何内容

TaskListTile.js

使用 FlatList 的应用程序截图

我正在为我的应用程序使用 Draggable Flatlist（https://www.npmjs.com/package/react-native-draggable-flatlist），但我需要在右侧添加一个设置菜单（3 个垂直点）图标在每个列表项中，单击它会向我显示一个可单击的弹出框，但单击不适用于 Draggable Flatlist

有人可以帮我吗？

我试图用一些复选框创建一个 DraggableList，问题是我的组件没有触发“onPress”，而“onLongPress”方法工作正常......

我试图删除“onLongPress”方法，但还是一样。

这是我的整个组件：

我不知道出了什么问题......

我正在开发一个 react-native 应用程序，我在其中一个列表中使用 react-native-draggable-flatlist 不幸的是我必须在组件中使用 shouldComponentUpdate 来处理来自另一个组件上的其他列表项的数据，但是在添加之后shouldComponentUpdate，我的拖放不起作用，我可以拖放，但它会立即将整个列表重置为原始定位设置。

请帮助我提出一些建议，以使拖放与 shouldComponentUpdate 一起工作，因为我不想破坏现有功能

代码

我使用 React Native Draggable Flatlist：

https://github.com/computerjazz/react-native-draggable-flatlist

此代码有效，但出现错误：

VirtualizedLists 永远不应该嵌套在具有相同方向的普通 ScrollViews 中 - 请改用另一个 VirtualizedList 支持的容器。

如果我更改ScrollView为，View则错误消失，但是现在我看不到任何项目。

我正在尝试根据某些道具更改禁用拖动功能，不确定如何在“react-native-draggable-flatlist”上禁用/启用它，请在代码下方找到

我在我的应用程序中使用 react-native-draggable-flatlist 并且我想将一个道具值传递给 renderItem 以便我可以进行一些有条件的样式更改但不知道如何传递它，它显示未定义

我想将道具（即 this.props.labelChange）传递给 renderItem

代码

我正在使用这个库react-native-draggable-flatlist。我在这个不工作的可拖动平面列表中有 ScrollView。当我切换到 draggableFlatList 到 FlatList 并删除 TouchableOpacity 时，它可以工作。但我想使用这个可拖动的平面列表！

它不会水平滚动。但是，如果我换成 FlatList，它可以工作（非常慢）。

我在滚动视图中使用 react-native-draggable-flatlist 以及另一个普通的平面列表。单个滚动工作正常，甚至 lisr 渲染。问题是当我试图拖动 DraggableFlatList 中的任何项目时，最初拖放工作正常，但当我稍微滚动页面时，然后当我尝试拖动它时，onLongPress 项目失去其偏移并向上跳跃/下降一些随机（即3、4、2等）行并被丢弃

代码结构

在我的带有 expo 的本机应用程序中，我的任务是启用重新排序列表中的项目（通过拖动/移动）。我尝试使用“React Native Draggable FlatList”（“https://www.npmjs.com/package/ react-native-draggable-flatlist") 并且我得到了列表，但它没有拖动，即我无法更改列表中每个项目的位置。我复制了相同的代码。我的代码是：

列表.js

用户界面是这样的：

整个列表正在滚动，但每个项目都不可拖动。我怎样才能使这个列表可拖动？有什么帮助吗？