[flutter] 플러터 Container에서 스와이프 동작을 감지하는 방법은 무엇인가요?

11 Dec 2023

flutter

먼저 GestureDetector를 사용하여 스와이프 동작을 감지하는 예제 코드를 살펴보겠습니다.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyContainerSwiper(),
    );
  }
}

class MyContainerSwiper extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Container Swiper'),
      ),
      body: GestureDetector(
        onPanUpdate: (details) {
          if (details.delta.dx > 0) {
            // 스와이프 우측 방향으로 감지됨
            print('Swiped right');
          } else if (details.delta.dx < 0) {
            // 스와이프 좌측 방향으로 감지됨
            print('Swiped left');
          }
        },
        child: Container(
          width: 200,
          height: 200,
          color: Colors.blue,
        ),
      ),
    );
  }
}

이 코드는 GestureDetector를 사용하여 Container 위젯에서 스와이프 동작을 감지하는 방법을 보여줍니다. GestureDetector 위젯은 onPanUpdate 콜백을 이용하여 사용자의 터치 동작을 감지하고 그에 따른 동작을 정의할 수 있습니다.

이제 위의 코드를 사용하여 Container에서 스와이프 동작을 캡처하고 처리할 수 있을 것입니다.