Flutter实现点击card出现涟漪效果

489 阅读1分钟

废话不多说,上代码[滑稽]

始める!!

image.png > onTap不能省略否则没有效果!!!当然你可以什么也不返回但是onTap一定要有!!!!

我们都知道flutter中可以通过InkWell来实现点击效果,那么如果我想在点击card时出现涟漪效果该怎么办呢 (P.S.要是compose就很方便了,但他不符合我的第一直觉,所以不是主要学习,只是当作提升flutter技术的,so我也不太懂)

Card(
        elevation: 6,
        child: InkWell(
          onTap: () => log("press card"),
          child: const ListTile(
            title: Text("Main", style: TextStyle(fontSize: 30))
            subtitle: Text("low", style: TextStyle(fontSize: 20))
          )
        )
      );
      //flutter版本:Flutter 3.10.0-1.1.pre • channel beta
      //dart版本:Dart 3.0.0 (build 3.0.0-417.1.beta)