反转 react-beautiful-dnd 顺序
Inverted react-beautiful-dnd order
我有一个工作的垂直列拖放 React 应用程序使用 react-beautiful-dnd，但我想 'invert' 它以便 Draggable 项目落在 Droppable div 的底部漂浮到顶部。这可能吗？
如果我没理解错的话，你想要一个列表，当容器未满时，列表中的项目与容器底部对齐？
如果是这样，那么是的 - 我会使用 flexbox。
这里有一个很好的 flex 资源 - https://css-tricks.com/snippets/css/a-guide-to-flexbox/
有多种不同的方法可以用 flex 实现这一点。选择你的毒药。
编辑
基于代码沙箱：
我会向 bay 组件添加一个包装器 div，其高度与您现在的高度相同。在子 div 上，添加一个动态高度字段，该字段取决于隔间包含的桌子数量。
用户将无法放入整个列，但您可以设置样式以向用户显示当该列为空时他们需要放入的位置。
我最后只是用 flexGrow = 1 创建了另一个不可见的条带，以将所有内容推到底部。
我有一个工作的垂直列拖放 React 应用程序使用 react-beautiful-dnd，但我想 'invert' 它以便 Draggable 项目落在 Droppable div 的底部漂浮到顶部。这可能吗？
如果我没理解错的话，你想要一个列表，当容器未满时，列表中的项目与容器底部对齐？
如果是这样，那么是的 - 我会使用 flexbox。
这里有一个很好的 flex 资源 - https://css-tricks.com/snippets/css/a-guide-to-flexbox/
有多种不同的方法可以用 flex 实现这一点。选择你的毒药。
编辑
基于代码沙箱： 我会向 bay 组件添加一个包装器 div，其高度与您现在的高度相同。在子 div 上，添加一个动态高度字段，该字段取决于隔间包含的桌子数量。
用户将无法放入整个列，但您可以设置样式以向用户显示当该列为空时他们需要放入的位置。
我最后只是用 flexGrow = 1 创建了另一个不可见的条带，以将所有内容推到底部。