LongPressed, onPressed 버튼 영역 클릭효과 없애기!

🦥 버튼 영역 없애기!

개발을 진행하다보면, Button() 위젯, Inkwell() 위젯을 사용하는데,

버튼의 영역을 없애고 싶을떄가 있다.

그럴떄 사용하는 방법!

부분적으로 위젯의 테마를 수정하고 싶을때, 해당하는 자식 위젯에 적용해주면 된다.

Theme(
	data: ThemeData(
    	splashColor: Colors.transparent,
        highlightColor: Colors.transparent,
    ),
    child: Button(
    	onPressed: () {},
        child: Container(),
    ),
);

전체 위젯의 테마를 수정하고 싶을때, 최상단인 스크린 위젯이나, main.dart 에 위젯을 적용준다.

// main.dart

MaterialApp(
	theme: ThemeData(
    	spalshColor: Colors.transparent,
        highlightColor: Colors.transparent,
    ),
    home: ExampleScreen(),
),

적용 완료후 모습, 클릭을 했지만, 영역이 보이지 않는다.

spalshColor: 터치 영역의 원 색상

highlightColor: 마지막 강조 색상