Trong các thao tác với item trong một danh sách hoặc một widget nào đó, chúng ta hay bắt gặp trường hợp vuốt sáng trái và vuốt sang phải để thực hiện một hành động gì đó.

Hôm nay mình sẽ hướng dẫn các bạn thực hiện hành động swipe left, swipe right, confirm action!

Đầu tiên chúng ta có một danh sách các item như thế này:

Khi xuống sang trái sẽ chuyển trạng thái và vuốt sang phải là sẽ xoá.

Sử dụng Dismissible widget để thực hiện swipe.

Các thuộc tính của Dissmisiable Widget

• background -> Widget: Là một widget nằm phía dưới child hay item. Nó sẽ xuất hiện khi bạn thực hiện vuốt trái hoặc vuốt phải.
• child -> Widget: Là widget chính được hiển thị.
• confirmDismiss -> confirmDismissCallback: Là callback invoke ra một DismissDirection cho phép phát hiện ra là vuốt sang trái hay sang phải.
• key -> Key: Kiểm soát việc item bị thay thế bởi một item khác khi swipe.
• Các thuộc tính khác xem tại flutter.dev – Dismissiable class

Dưới đây là cách làm:

Mình muốn các bạn chú ý tới phần đây:

Nếu res là true thì nghĩ là bạn đã xác nhận việc item đó sẽ bị mất đi và ngược lại là false. Vì vậy các bạn cần lưu ý kết quả trả về nhé!

Để detect được chiều vuốt của người dùng, các bạn sử dụng biến direction mà callback trả về cho bạn.

• startToEnd nghĩa là vuốt từ trái sang phải.
• endtoStart nghĩa là vuốt từ phải sang trái.

Các bạn dựa vào kết quả đó để thực hiện các hành động cho chính xác nhé!