如何在 Flutter 中创建深度按钮效果？

Question

如何在 Flutter 中创建这个深按钮？

Answer 1

编辑：它可能看起来很深，但那是一堆简单的颜色。

这是在另一个之上使用三个不同的小部件堆栈。

第一个是圆角的单个容器，颜色为渐变。

也许是这样的。

Container(
...
decoration: 
  new BoxDecoration(
   borderRadius: new BorderRadius.all(new Radius.circular(32)),
   gradient: new LinearGradient(
    colors: [
     const Color(0xff8A2387),
     const Color(0xffb91d73),
    ],
   ),
  )
 ...
)

其次，您可以将 Row 作为上述容器的子项， 在此行中，您可以放置​​滑动的“加入”白色按钮和箭头。