让你的聊天气泡丰富多彩

前言

在聊天类应用中，通常用气泡作为聊天内容的背景色，比如微信的聊天背景，别人发过来的是白色的气泡，自己发的是绿色的气泡。

上面这种是比较普通的，这篇我们玩点有趣的，让聊天气泡是渐变色的。可能很多人会觉得渐变很简单，给 Container 来个decoration或者使用 DecoratedBox，使用渐变填充色就可以了，比如下面这种效果：

这个感觉也太丑了，本篇我们来一个高级的 —— 整个聊天窗口的气泡颜色是渐变的，而且随着滚动还会变化！先看看实现的效果，这里有两个效果：

• 整个窗口的聊天气泡背景色是连续渐变的，而不是每个气泡重复的渐变。
• 滚动的时候，气泡的背景色会随着滚动的位置变化。

代码实现

使用 Co