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

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2829 浏览

javascript - react-native-draggable-flatlist 在 ScrollView 中不起作用

在过去的几个月里,我一直在努力实现一个要求,即我在单个滚动视图中有一个可拖动的平面列表和一个平面列表,并且我应该能够滚动整个内容。

可拖动的平面列表也应该具有自动滚动功能,这意味着当列表太长并且我试图将其拖出视口时,除非我放下它,否则列表应该自动滚动。

我知道这个要求非常棘手,但我没有任何线索让它完全工作。

我正在使用以下代码,并且为此目的使用了“react-native-draggable-flatlist”( https://github.com/computerjazz/react-native-draggable-flatlist )。

代码:

0 投票
0 回答
55 浏览

react-native - 隐藏行时调整 DraggableFlatList 的大小?

我正在使用优秀的包react-native-draggable-flatlist

它有一个isActive属性,当拖动开始时变为真。当类别display: noneLongPressed.

目标是使顶级类别的拖放更容易。但是,这些行仍然占用空间。

我希望(在这个例子中)让睡眠和能量在阻力开始之前就在彼此之上。

当行被隐藏时,我是否缺少一些简单的方法来调整列表的大小?

0 投票
0 回答
327 浏览

react-native - React-Native 可拖动列表视图,如 trello 板

我正在开发需要两个列表之间的可拖动项目的应用程序,就像 Trello 板一样。

我找到了库https://www.npmjs.com/package/react-native-draggable-board但不幸的是,这个库无法正常工作,因为他们使用的是已弃用的列表视图,而且库很旧我无法更新自己这个图书馆。

请让我知道任何适用于我的问题的解决方案。提前致谢。

0 投票
1 回答
393 浏览

react-native - 反应原生 - 我不能用两个平面列表向下滚动

我只能在将SafeAreaView更改为ScrollView但出现此错误的情况下滚动

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

0 投票
1 回答
259 浏览

react-native - 如何在 React Native 中创建拖放嵌套列表

我对 React native 相当陌生,我正在寻找一种方法来拥有拖放嵌套列表。基本上,我需要创建一个按组划分的 ToDo 列表,其中 ToDo 的顺序不仅可以在组内更改,还可以在组间更改。我设法分别创建了一个拖放列表(使用“可拖动的平面列表”组件)和一个嵌套列表,但我正在努力将它们组合起来。有没有人解决了这个问题或知道某种可重用的组件?谢谢你。

0 投票
1 回答
81 浏览

react-native - 如何防止 React Native 中 Draggable 的不透明度变化?

当我单击 React Native 中的 Draggable 时,如何禁用不透明度更改?在文档中它只是这么说并且它不起作用在此处输入图像描述

我在谷歌中找不到任何东西

这是我单击时的作用

在此处输入图像描述 在此处输入图像描述

但是当我单击 Draggable 时,我希望它保持相同的颜色和不透明度。有什么解决办法吗?

0 投票
3 回答
739 浏览

javascript - 动画:未指定`useNativeDriver`。这是一个必需选项,必须明确设置为 `true` 或 `false` #31

我正在使用 React-Native-Draggable-View 将滑块添加到我的应用程序中,但是每次触摸滑块时,都会弹出上述错误。在进行故障排除时,它声称与动画/动画视图有关,但我的代码中没有动画视图。我进一步研究了文档,没有提到需要动画视图。我使用了钩子,文档使用类格式,所以我很难确定我在哪里/如何实现它。以下是我到目前为止所拥有的。

0 投票
0 回答
110 浏览

react-native - React Native WEB 的可拖动平面列表

我正在使用这个 (react-native-draggable-flatlist)库在 React Native 和 React Native Web 中使用 EXPO 实现一个可拖动的平面列表,它本来可以完美运行,但是在网络上它有一些问题,有没有人设法实现它是正确的还是他们知道解决这个问题的方法?

本国的:

本国的

网站:

网络

0 投票
0 回答
218 浏览

reactjs - React Native:PanGestureHandler 在更改状态后中断

我在一个音乐播放器应用程序的 PanGestureHandler 中包装了一个 FlatList。PanGestureHandler 允许用户在播放器上向下滑动以将其最小化,Flatlist 显示与用户可以左右滑动的歌曲相对应的图像轮播。这很好用,但是一旦我通过调用 onMomentumScrollEnd=scrollToActiveIndex() 在歌曲组件内的歌曲(FlatList 项目)之间移动后尝试更改状态,PanGestureHandler 就会崩溃。更改状态后,PanGestureHandler 停止响应(无法向下滑动),嵌套的 Flatlist 也不允许在项目之间滑动。请帮助我了解如何解决此问题。谢谢 :)

0 投票
0 回答
204 浏览

react-native-draggable-flatlist - 如何实现两个可拖动的Flatlist

我对 React Native 很陌生,我正在寻找一种方法来拥有拖放嵌套列表。基本上,我需要创建一个按组划分的 ToDo 列表,其中 ToDo 的顺序不仅可以在组内更改,还可以在组间更改。我设法分别创建了一个拖放列表(使用“可拖动的平面列表”组件)和一个嵌套列表,但我正在努力处理内部列表中不需要的空间(边距)。请参阅图片以供参考。有没有人解决了这个问题或知道某种可重用的组件?谢谢你。在此处输入图像描述