flutter使用InkWell点击没有水波纹效果的解决方法

flutter使用InkWell点击没有水波纹效果的解决方法

• InkWell点击没有水波纹效果原因，如下所示，就是给InkWell的child设置了颜色，遮挡住了效果

  InkWell(
    splashColor: Colors.cyanAccent,	//这是水波纹颜色，不影响效果的
    child: Container(
      color: Colors.white,	//这句设置的颜色导致点击没有水波纹效果
      alignment: Alignment.center,
      width: double.infinity,
      height: 50,
      child: Text('exit'),
    ),
    onTap: () {
      showToast('message');
    },
  ),
  

• 解决方法，就是外层使用Ink包裹一下，并在Ink里设置颜色即可

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

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

标签：水波纹,child,InkWell,点击,Colors,Ink,flutter
来源： https://www.cnblogs.com/yongfengnice/p/13964182.html