⭐️ 개발/플러터

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

짱구러버 2023. 8. 14. 17:59
728x90

개발을 진행하다보면, 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: 마지막 강조 색상

 

 

 

728x90