Flutter Ui 实验室（十二）有凹凸效果的输入框

有同学在QQ群里问类似这样的效果纯用code应该怎么做？

输入框

刚开始我一看，认为这简单啊，就是渐变嘛，就想用代码来试着实现一下。在写的过程中才发现真不是想的那么简单。

看下图的分析

图片分析

1. 每个颜色框都是渐变
2. 框1是从上到下的渐变
3. 框2是从左到右的渐变
4. 框5是左上到右下的渐变

难就难在：如果用代码，你很难把各个部分的渐变很好的衔接起来！

我用代码试了试，惨不忍睹

我的实现

结论：能够让美术用一张图来解决的问题，就不要用代码实现了！