[flutter] 플러터 버튼의 애니메이션 효과 제거하기 / textbutton splash color flutter

플러터에서 버튼을 누르면 자동적으로 애니메이션을 갖게 된다. 이를 제거하기 위한 코드를 알아보자.

main.dart

 

반응형

 

핵심 코드는 아래와 같다.

overlayColor: MaterialStateColor.resolveWith((states) => Colors.transparent),

코드 적용

코드는 MaterialApp 내 theme에 해당 속성을 추가해주면 된다. 그러면 버튼을 눌렀을 때 잠시 회색으로 변한다던가, 누른 게 티가 난다거나, 회색이 사선으로 움직이는 등 '터치를 알아챌만한 애니메이션이나 효과'가 없어진다.

뜻, 영어, 터치, 영단어 모두 버튼이지만 눌러도 누른 것 같은 효과는 없다