Flutter 앱을 개발하다 보면 Card 위젯을 사용하여 인터페이스의 일부를 디자인할 때가 많습니다. 사용자가 Card를 터치했을 때 어떤 동작이 일어나도록 하려면 어떻게 해야 할까요? 이 글에서는 Card 위젯의 터치 이벤트를 처리하는 방법을 알아보겠습니다.

Card 위젯의 기본 구조

Card 위젯은 Material 디자인을 가진 UI 요소를 만들기 위한 위젯으로, 보통 리스트 아이템이나 그리드 아이템을 렌더링하는 데 사용됩니다.

Card(
  child: ListTile(
    leading: Icon(Icons.album),
    title: Text('Title'),
    subtitle: Text('Subtitle'),
    onTap: () {
      // 터치 이벤트 처리 코드 작성
    },
  ),
)

Card 위젯은 보통 ListTile과 함께 사용되며, ListTile 안에 onTap 콜백을 사용하여 터치 이벤트를 처리할 수 있습니다.

Card 위젯에 터치 이벤트 추가하기

Card 위젯을 터치할 때 어떤 동작을 하도록 하고 싶다면, ListTile의 onTap 콜백에 처리할 코드를 작성하면 됩니다.

예를 들어, Card를 터치했을 때 콘솔에 메시지를 출력하고 싶다면 다음과 같이 onTap 콜백에 코드를 작성합니다.

Card(
  child: ListTile(
    title: Text('Tap me'),
    onTap: () {
      print('Card tapped!');
    },
  ),
)

이제 Card를 터치하면 ‘Card tapped!’ 메시지가 콘솔에 출력될 것입니다.

마무리

위와 같이 Flutter 앱에서 Card 위젯을 터치했을 때 원하는 동작을 하도록 처리할 수 있습니다. 이를 응용하여 다양한 상황에 맞게 터치 이벤트를 처리하고, 사용자와의 상호작용을 더욱 풍부하게 만들 수 있습니다.

더 자세한 내용은 공식 문서를 참고하세요.

이상으로 Card 위젯의 터치 이벤트 처리에 대해 알아보았습니다. 감사합니다.