颤动中的可拖动和可滑动容器答案

【问题标题】：Draggable and swipable container in flutter颤动中的可拖动和可滑动容器
【发布时间】：2019-07-04 19:58:05
【问题描述】：

我是 Flutter 的新手，我正在寻找一种方法来实现一个简单的功能。一个可拖动的容器。

我有两组 UI 元素包装在 Container 小部件中。我希望能够通过向不同方向拖动或滑动来从一组移动到另一组。

我该怎么做？

以下是我的 UI 设计示例图片，可帮助您了解我想要实现的目标：

图片#1

图片#2

如您所见，Image #1 和 Image #2 仅在我的设计的底部有所不同。我已经创建了所有必要的 UI 元素并将它们包装在 Container 小部件中。现在我唯一需要的是能够从一个组转到另一个组。如果有一个回调方法可以在从一组转换到另一组时更新上面的按钮，那就太好了。

提前致谢！

【问题讨论】：

【解决方案1】：

实现这一点的可能性有很多，取决于您的确切意愿，这里有 3 个想法：

使用 TabBarView 滑动整个屏幕，Tab1 将是您显示的第一个屏幕，Tab2 将是第二个屏幕 - 只有内容。（你可能不想要那个，只是把它放在那里）。
将容器分成 2 部分（垂直），并将 TabBarView 放在底部，有 2 个选项卡：1 个带有 Today 部分，一个带有 Weekly 部分。（有几个例子，例如：divide screen into two equal parts in flutter）。

您还可以自定义构建方法以根据当前选项卡索引更改任何内容（例如顶部指示器）（如在此处询问和回答：How to get current tab index in Flutter）

对于更自定义的解决方案，您可以使用：

GestureDetector 包裹在您的容器周围，并处理 OnHorizontalDragX（其中 X 是 Start、End 等）以执行任何自定义操作 - 可能会更改状态并使用新图像触发重建

【讨论】：