[flutter] 플러터에서의 Swipeable 응용 예제

08 Dec 2023

flutter

플러터에서 Swipeable을 구현하여 사용자들이 간단하게 리스트와 항목을 삭제하거나 편집하는 등의 기능을 추가할 수 있습니다. 이 글에서는 Swipeable을 이용하여 플러터 앱을 만드는 방법에 대해 알아보겠습니다.

1. Swipeable 패키지 설치

dependencies:
  flutter:
    sdk: flutter
  swipeable: ^1.2.0

플러터 프로젝트의 pubspec.yaml 파일에 swipeable 패키지를 추가합니다.

2. Swipeable 사용 예제

import 'package:flutter/material.dart';
import 'package:swipeable/swipeable.dart';

void main() {
  runApp(MyApp());
}

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

class SwipeableExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Swipeable 예제'),
      ),
      body: ListView.builder(
        itemCount: 10,
        itemBuilder: (context, index) {
          return Swipeable(
            key: Key('item-$index'),
            onSwipeRight: () {
              // 오른쪽으로 스와이프할 때의 동작
              print('오른쪽으로 스와이프: $index');
            },
            child: ListTile(
              title: Text('아이템 $index'),
            ),
          );
        },
      ),
    );
  }
}

위 예제 코드는 Swipeable 패키지를 사용하여 리스트뷰의 각 항목을 스와이프할 수 있는 기능을 추가한 것입니다.

결론

이제 Swipeable을 사용하여 플러터 앱에서 간편하게 리스트와 항목을 스와이프하여 판단하여 동작하는 기능을 구현하실 수 있습니다.

더 많은 세부 정보나 옵션에 대해서는 Swipeable 패키지 문서를 참고하시기 바랍니다.