Remove click effect when IconButton() is clicked

Question

I am currently using the following code to create an IconButton() in Flutter:

IconButton(
  hoverColor: Colors.transparent,
  color: _tweenButton.value,
  icon: Icon(Icons.send),
  onPressed: () => _isComposing ? _handleSubmitted(_textController.text) : null,
)

Whenever I click on the icon button, there is a splash/click effect as depicted in this screenshot. This widget is running inside MaterialApp() and Scaffold().

How can I deactivate this visual effect?

Answer 1

Use this code:

IconButton(
 splashColor: Colors.transparent,
 highlightColor: Colors.transparent,  
 color: _tweenButton.value,
 icon: Icon(Icons.send),
 onPressed: () => _isComposing ? _handleSubmitted(_textController.text) : null,
)