[移动开发]flutter带水波纹的按钮

代码如下

Container(
            child: new Material(
              child: new Ink(
                //设置背景
                decoration: new BoxDecoration(
                  //背景
                  color: Colors.white,
                  //设置四周圆角 角度
                  borderRadius: BorderRadius.all(Radius.circular(15.0)),
                  //设置四周边框
                  border: new Border.all(width: 1, color: Colors.blue),
                ),
                child: new InkResponse(
                  borderRadius: new BorderRadius.all(new Radius.circular(14.0)),
                  //点击或者toch控件高亮的shape形状
                  highlightShape: BoxShape.rectangle,
                  radius: 100.0,
                  //水波纹的颜色
                  splashColor: Colors.blue,
                  //true表示要剪裁水波纹响应的界面 false不剪裁 如果控件是圆角不剪裁的话水波纹是矩形
                  containedInkWell: true,
                  //点击事件
                  onTap: () {
                    WuPlugin.showToast(message: "有水波纹");
                  },
                  child: Container(
                    //设置 child 居中
                    alignment: Alignment(0, 0),
                    height: 30.0,
                    width: 100,
                    child: Text("点击"),
                  ),
                ),
              ),
            ),
          ),