flutter使用InkWell點擊沒有水波紋效果的解決方法

InkWell點擊沒有水波紋效果原因，如下所示，就是給InkWell的child設(shè)置了顏色，遮擋住了效果

InkWell(
  splashColor: Colors.cyanAccent,	//這是水波紋顏色，不影響效果的
  child: Container(
    color: Colors.white,	//這句設(shè)置的顏色導(dǎo)致點擊沒有水波紋效果
    alignment: Alignment.center,
     double.infinity,
    height: 50,
    child: Text('exit'),
  ),
  onTap: () {
    showToast('message');
  },
),

解決方法，就是外層使用Ink包裹一下，并在Ink里設(shè)置顏色即可

Ink(
  color: Colors.white,	//使用Ink包裹，在這里設(shè)置顏色
  child: InkWell(
    splashColor: Colors.cyanAccent,
    child: Container(
      alignment: Alignment.center,
       double.infinity,
      height: 50,
      child: Text('exit'),
    ),
    onTap: () {
      showToast('message');
    },
  ),
),

所以，我一般直接使用FlatButton，既可以添加點擊事件，也有水波紋效果。

總結(jié)

以上是生活随笔為你收集整理的flutter使用InkWell点击没有水波纹效果的解决方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。