이번 글에서는 플러터(Flutter)에서 제공하는 Swipeable 위젯의 예제 코드를 분석해보겠습니다. Swipeable 위젯은 사용자의 스와이프 제스처에 반응하여 특정 동작을 수행할 수 있게 해주는 기능을 제공합니다.

Swipeable 예제 코드

다음은 플러터 공식 문서에서 제공하는 Swipeable 위젯의 예제 코드입니다.

return Swipeable(
  key: ObjectKey(item),
  onSwipeStart: () {
    print('Swipe start');
  },
  onSwipeEnd: () {
    print('Swipe end');
  },
  child: ListTile(
    title: Text(item),
  ),
  backgroundConfiguration: SwipeActionConfiguration(
    backgroundColor: Colors.red,
    icon: Icons.delete,
    content: 'Delete',
    onTap: () {
      print('Delete action');
    },
  ),
);

코드 분석

위의 코드에서 Swipeable 위젯을 구현하기 위해 사용된 주요 속성들을 살펴보겠습니다.

• key: 위젯의 고유 키를 설정합니다.
• onSwipeStart: 스와이프 동작이 시작될 때 호출될 콜백 함수를 설정합니다.
• onSwipeEnd: 스와이프 동작이 종료될 때 호출될 콜백 함수를 설정합니다.
• child: Swipeable 위젯 내에 표시될 자식 위젯을 설정합니다. 이 예제에서는 ListTile을 사용했습니다.
• backgroundConfiguration: 스와이프 배경에 표시될 내용과 동작을 설정합니다. 여기서는 빨간색 배경과 “Delete” 텍스트를 가진 삭제 아이콘이 표시되며, 해당 아이콘을 탭했을 때 “Delete action” 메시지가 출력됩니다.

결론

플러터의 Swipeable 위젯은 사용자의 스와이프 동작에 반응하여 다양한 기능을 수행할 수 있게 해주는 강력한 기능을 제공합니다. 위의 예제 코드를 참고하여 실제 애플리케이션에서 Swipeable 위젯을 적용해 보시기 바랍니다.

더 많은 정보를 원하시면 공식 플러터 문서를 참고하시기 바랍니다.