[ Flutter ] InkWell 제거

ExpansionTile을 이용하다보니

divider가 색이있고,

또한 부모로 Container를 두었을때 border가 있다면 

클릭하면 물결 효과가 사각형으로 나와서 이상하게 나온다.

 

처음에는 ExpansionTile에 Padding을 강제로 주어서 Container안에 넣어 안보이게 처리했지만

ThemeData에 splashColor와 highlightColor의 색상만 변경해주면 되는 것 찾게 되었다.

 

splashColor : 터치가 발생한 곳에서 시작하여 퍼지는 효과

highlightColor : 위젯 전체로 물결 효과

반응형

기존에 이렇게 썻던것을 ThemeData로 묶어서 사용

data: Theme.of(context).copyWith(dividerColor: Colors.transparent),

CustomContainer(
      child: Theme(
        data: ThemeData(
          dividerColor: Colors.transparent,
          splashColor: Colors.transparent,
          highlightColor: Colors.transparent,
        ),
        child: Padding(
          padding: const EdgeInsets.fromLTRB(0.0, 4.0, 0.0, 4.0),
          child: ExpansionTile(
            backgroundColor: Colors.transparent,
            title: Text('Item 1',style: TextStyle(color: textColor)),
            iconColor: textColor,
            onExpansionChanged: (bool expanded) {
              setState(() {
                _isExpanded = expanded;
              });
            },
            ....