如何摆脱InkWell小部件上的动画？

Question

I have a problem. I have an InkWell widget but I don't want it to have that splash screen animation. Is there a way to get rid of this animation?

Answer 1

If you don't care about the splash animation, do not use InkWell . That widget exists only for that.

Instead use GestureDetector , which is basically an InkWell without the animation.

Answer 2

InkWell Widget has a SplashColor property

class Whatever extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // The InkWell Wraps our custom flat button Widget
    return InkWell(
      // When the user taps the button, show a snackbar
      onTap: () { /*or your custom implementation*/
        Scaffold.of(context).showSnackBar(SnackBar(
          content: Text('Tap'),
        ));
      },
      splashColor: Colors.transparent, /*This is what you need to include*/
      child: Container(
        padding: EdgeInsets.all(12.0),
        child: Text('Flat Button'),
      ),
    );
  }
}

Answer 3

如果您不希望有任何反馈，则可以添加splashColor: Colors.transparent和highlightColor: Colors.transparent