【问题标题】:How to make such a button click effect?如何做出这样的按钮点击效果?
【发布时间】:2020-04-11 02:13:47
【问题描述】:

这种效果类似于快速增长的矩形。因为很明显,它不仅仅是圆形的涟漪。它甚至像视频一样存在于 google play 市场中。

  1. https://youtu.be/ttYRc_zem00
  2. https://youtu.be/8d-ki6kDgqg

如何使用颤振来做到这一点?

(RaisedButton、MaterialButton 有涟漪效果(圆形),但不是那种矩形)

【问题讨论】:

  • class RectangleSplash extends InteractiveInkFeature { ...
  • 那你知道怎么实现吗?
  • InkSplash检查他们是如何做到的
  • 我不这么认为,我查了来源,没有找到任何
  • 也许他们都使用了一些 3rd 方库,但我确信颤振公共 SDK 没有这样的效果,顺便说一句,扩展 InteractiveInkFeature 有什么困难?

标签: android iphone flutter flutter-animation mobile-development


【解决方案1】:

您可以使用InkWell 小部件来实现相同的结果。

InkWell(
        onTap: () {//doSomething},
        child: Container(
            margin: EdgeInsets.all(8.0),
            child: Text("Press me"),
              ),
            )

【讨论】:

  • 虽然此链接可能会回答问题,但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改,仅链接答案可能会失效。 - From Review
  • 我已经修改了答案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-06-04
  • 2022-01-21
  • 2014-10-12
  • 1970-01-01
  • 2019-07-08
  • 1970-01-01
相关资源
最近更新 更多