Ionic:有没有办法实现拖放组件的非垂直重新排序？
Ionic:有没有办法实现拖放组件的非垂直重新排序？
提问于 2020-04-05 00:46:03
默认情况下，离子重新排序似乎依赖于垂直列表方向，允许您向上或向下重新排序项目。我想要显示以正常水平文本流显示的离子芯片列表，并使用正常换行。
示例：
<IonContent>
<IonChip>Item 1</IonChip>
<IonChip>Item 2</IonChip>
<IonChip>Item 3</IonChip>
<IonChip>Item 4</IonChip>
<IonChip>Item 5</IonChip>
<IonChip>Item 6</IonChip>
<IonChip>Item 7</IonChip>
</IonContent>是否可以使用离子重新排序在此方向上进行芯片的拖放？或者有另一种简单的方法可以做到这一点？
回答 1
Stack Overflow用户
发布于 2020-04-05 19:24:13
离子重排序是具有特定规则和格式的特定拖放实现。你可以只使用像dragula这样的拖放库。
https://valor-software.com/ng2-dragula/
一旦你安装了它，你就可以像这样简单地创建可拖动的芯片：
<ion-content>
<div dragula="MY_DRAGULA">
<ion-chip *ngFor="let chip of chips"><ion-label>{{chip.name}}</ion-label></ion-chip>
</div>
</ion-content>上面是一个使用离子和角度的例子。从您的示例中，我假设您使用了React。我没有使用React，但是我看到dragula也有一个React版本。
https://github.com/bevacqua/react-dragula
希望这能有所帮助！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61031434
复制相关文章
相似问题
腾讯云开发者
