使用Flutter Swiper淡出不同区域的文字。

Question

我如何在屏幕的另一个区域将刷屏动作和淡入淡出动作结合起来？

我的屏幕被分为两半。顶部是一个文本小组件，底部是一个有两个页面的滑动小组件。我的目标是当我滑动到下半部分的第二页时，淡出上半部分的文本。

我在下半部分的swiper widget中使用了这个依赖关系。https:/pub.devpackagesflutter_swiper

Answer 1

我使用GestureDetector小组件解决了这个问题，并通过状态更新不透明度。

GestureDetector需要两个函数：onDragUpdate和onDragEnd。这两个函数都改变了进度的状态，而进度也被用来更新另一半的不透明度。

对于这样一个小的交互来说，颇费了一番功夫，不过，它是可行的。