【问题标题】:How to drag and sort in React Native如何在 React Native 中进行拖动和排序
【发布时间】:2015-10-01 21:27:22
【问题描述】:

我对 React native 很陌生,我正在寻找一种获得可排序列表的好方法。据我所知,我找不到任何可以复制的好例子(尽管正在处理一个 repo)。没有 HTML5 的拖拽,React Native 拖拽排序的基本策略是什么?谢谢。

【问题讨论】:

  • 你有没有检查过这个:react-native-SortableList 如果没有,也许可以试试。我认为,他们还在自述文件中描述了他们的解决方案,您可以阅读他们的代码。
  • 也在为此寻找生产就绪的解决方案。似乎找不到它,但我会尝试将我登陆的任何内容发回这里。考虑到这是一年半前的事,你能解决这个问题吗?谢谢!

标签: reactjs react-native


【解决方案1】:

React Native Sortable List

我测试了大约 5 种不同的解决方案,但没有一个效果很好,尤其是在 Android 上,所以我花了一天的时间来更新最有前途的解决方案,即React Native Sortable List

现在它在 iOS 和 Android 上都运行良好。这是它在两个平台上运行的animation(单击图片观看 gif)

【讨论】:

  • 那是你写的?
  • @KyleKhalaf 不,该项目是由gitim 启动的。我刚刚更新了库,以使 Android 平台与 iOS 平起平坐。
  • @JoshuaPinter 您尝试过的其他五个是什么? Dean McPherson 的 SortableListView 似乎也很流行,但放在嵌套视图中时会出现问题。
  • 是否支持嵌套列表?
  • @Aspen 我不记得是哪些,但如果你用简单的谷歌搜索,你可能会找到它们。
【解决方案2】:

我也测试了很多包,但它们都有问题,无法实现我想要做的。

所以我编写了自己的可排序列表(垂直和水平)。随时查看并发表评论。它是用 Javascript 编写的,因此它与任何类型的项目兼容。

这是一个例子:

Sortable list

【讨论】:

  • 找不到显示页面!
  • 首先,感谢您的努力。真的很感激。我找到了你的 git repo,并从中查看了。这很好。但我正在寻找使用 react-native-reanimated v2 api 的东西。
猜你喜欢
  • 2022-07-30
  • 2019-12-20
  • 1970-01-01
  • 2020-04-13
  • 1970-01-01
  • 1970-01-01
  • 2012-12-02
  • 1970-01-01
  • 2018-05-13
相关资源
最近更新 更多