IONIC 4：水平重新排序列表答案

【问题标题】：IONIC 4: Horizontal reorder listIONIC 4：水平重新排序列表
【发布时间】：2019-05-02 13:02:13
【问题描述】：

谁能告诉我是否有办法在 Ionic 4 中实现像这样的水平离子重新排序列表？

我已按照此文档进行操作，但它以垂直样式而不是水平样式实现了离子重新排序列表：

我需要，不仅要水平显示列表中的项目，还要保留用户通过拖放重新排列它们的可能性，例如：

有人可以建议我做这两件事的解决方案吗？

非常感谢！

【问题讨论】：

你能分享一下这应该是怎样的视觉效果
@Sergey Rudenko 感谢您的回复！我刚刚编辑了我的问题
所以是开箱即用的重新排序列表是为垂直用户体验设计的。如果您需要水平（重新排序链接的项目），您可以尝试使用像 dragula valor-software.com/ng2-dragula 这样的库，或者实际执行您自己的实现（听起来很可怕，但并不难）。如果您分享的正是我可以尝试与您分享的内容，我将如何在今天晚些时候这样做
@Sergey Rudenko 非常感谢您的帮助！我分享的正是我所需要的。如果你能告诉我如何通过拖放在 ionic 中实现这种重新排序的链式项目，我非常感谢你
请检查答案和代码。它在 stackblitz 上并使用 Ionic 3。但在这种情况下，Ionic 4 的差异应该很小。如果您有问题，请告诉我

【解决方案1】：

如果你的情况很简单，你可以自己实现它。这是 Ionic 3 代码：

我试着在里面给你留了一些 cmets。

如果您的案例更复杂，或者您不想了解低级实现细节 - 也许最好的选择是 Dragula 库。

这个实现有一些优化，应该适用于触摸和鼠标。

它仍然可能有一些你想要调整的东西。如果您有任何问题，请告诉我

【讨论】：