Dismissible 밀어서 삭제 하기

Dismissible 위젯은 리스트 항목을 스와이프하여 삭제하거나 다른 동작을 수행할 수 있게 해줍니다.

예를들어 이메일 앱에서 이메일을 스와이프하여 삭제하거나 아카이브하는 기능을 구현할 때 사용할 수 있습니다.

 

 

주요 속성

• key: 각 항목을 고유하게 식별하기 위한 키입니다.
• onDismissed: 항목이 스와이프되어 제거될 때 호출되는 콜백 함수입니다.
• background: 스와이프할 때 나타나는 배경입니다.
• secondaryBackground: 반대 방향으로 스와이프할 때 나타나는 배경입니다.
  항목이 스와이프될 때 표시할 위젯을 설정합니다. background는 기본 스와이프 방향(예: 오른쪽에서 왼쪽)일 때 표시되고, secondaryBackground는 반대 방향(예: 왼쪽에서 오른쪽)일 때 표시됩니다.
• child: Dismissible로 감싸는 위젯입니다.

Dismissible 은 위  백그라운드 는 설정 안해도 key 나 child는 필수로 설정 해줘야 합니다.

 

 

Dismissible(
          key: Key(item), //항목 식별 
          onDismissed: (direction) { 제거될 때 호출되는 콜백 함수
            setState(() {
              items.removeAt(index);
            });

            ScaffoldMessenger.of(context)
                .showSnackBar(SnackBar(content: Text('$item dismissed')));
          },
          background: Container(color: Colors.red),
          secondaryBackground: Container(color: Colors.green),
          child: ListTile(title: Text('$item')),
        );

 

    코드 부분이 안보이면 한번 드레그 해서 확인하거나 기다리면 예제 코드가 나옵니다 .

 

 

https://youtu.be/iEMgjrfuc58

 

https://api.flutter.dev/flutter/widgets/Dismissible-class.html

Dismissible class - widgets library - Dart API