[Flutter] Widget / 위젯 - 이벤트

 

이벤트

onTap, onPressed 등의 이벤트를 기본 프로퍼티로 가지고 있지 않은 위젯에 이벤트를 적용할 수 있도록 해주는 위젯을 설명한다.

 

 

 

GestureDetector와 InkWell

글자나 그림 같이 이벤트 프로퍼티가 없는 위젯에 이벤트를 적용하고 싶을 때 사용하는 위젯.

GetureDetector와 InkWell 위젯은 터치 이벤트를 발생시킨다.

onTap 프로퍼티를 가지고 있어서, child 프로퍼티에 어떠한 위젯이 와도 클릭 이벤트를 작성할 수 있다.

InkWell 위젯으로 감싸고 클릭하면 물결 효과가 나타나지만(ripple), GestureDetector 위젯은 그렇지 않다.

body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          GestureDetector(
            onTap: () {
              print('GestureDetector 클릭!!');
            },
            child: Text('Click Me!!'),
          ),
          SizedBox(
            height: 40,
          ),
          InkWell(
            onTap: () {
              print('InkWell 클릭!!');
            },
            child: Text('Click Me!!'),
          ),
        ],
      )

 

 

혹시나 이런 과정이 헷갈릴까봐 말하는 점은, 이는 당연히 StatelessWidget에 놓아도 똑같이 잘 작동함.

상태값이 변하지 않는 작업이고 지정된 작업이니 당연.

---

 

서적 : 오준석의 플러터 생존코딩