[flutter] 플러터 Swipeable 플러그인 설치하기

08 Dec 2023

flutter

플러터 앱에서 Swipe 기능을 사용하려면 Swipeable 플러그인을 사용할 수 있습니다. 이 플러그인을 사용하면 사용자가 스와이프 동작으로 아이템을 삭제하거나 다양한 작업을 수행할 수 있습니다.

필요한 패키지 추가하기

먼저 pubspec.yaml 파일에서 flutter_swipe_action 패키지를 dependencies에 추가합니다.

dependencies:
  flutter_swipe_action: ^1.0.0

그런 다음 터미널에서 아래 명령을 실행하여 패키지를 설치합니다.

flutter pub get

Swipeable 위젯 사용하기

이제 Swipeable 위젯을 사용하여 Swipe 동작을 구현할 수 있습니다. 다음은 Swipeable 위젯을 사용하여 리스트 아이템을 삭제하는 예제입니다.

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Swipeable Example'),
        ),
        body: ListView.builder(
          itemCount: 5,
          itemBuilder: (context, index) {
            return SwipeActionCell(
              key: ObjectKey(index),
              trailingActions: <SwipeAction>[
                      SwipeAction(
                          title: "Delete",
                          onTap: (CompletionHandler handler) async {
                              // Perform delete operation
                              handler(true);
                          },
                          color: Colors.red,
                          padding: 20,
                          icon: Icons.delete
                      ),
                ],
              child: ListTile(
                title: Text('Item $index'),
              ),
            );
          },
        ),
      ),
    );
  }
}

위 예제에서는 flutter_swipe_action 패키지를 사용하여 Swipeable 기능을 구현하고 있습니다. SwipeActionCell과 SwipeAction 위젯을 사용하여 Swipe 동작을 정의하고, 이를 리스트 아이템과 함께 사용하고 있습니다.

이제 Swipeable 플러그인을 사용하여 플러터 앱에서 Swipe 기능을 구현할 수 있게 되었습니다.

더 자세한 내용은 flutter_swipe_action 패키지 문서를 참고하세요.