Edu DaLatHub
  • Trang chủ
  • Flutter
  • WordPress Plugin
  • GoLang
  • ReactJS
  • NodeJS
  • Networking
    • Basic Networking
      • ARP
      • ICMP
      • TCP/UDP
    • Routing & Switching
      • RIP
      • OSPF
      • EIGRP
      • Redistribution
      • TSHOOT
      • WAN
Liên hệ

  • By  tinhphan
  • 1 comment
  • Tháng Ba 27, 2020

Thao tác Swipe Left, Swipe Right and Confirm Action trong Flutter

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ì đó.

swipe left

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:

doing list task

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

Xem video demo

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é!

Tags:
Flutter

One Comment

Trương Nhựt Tân

Tháng Ba 27, 2020

Bottom bar đó là gì thế a? cho e xin keyword

Reply

Leave a Comment Cancel Reply

Your email address will not be published.*

Website này sử dụng Akismet để hạn chế spam. Tìm hiểu bình luận của bạn được duyệt như thế nào.

Don’t compare yourself with anyone in this world…if you do so, you are insulting yourself.

Bill Gates

When something is important enough, you do it even if the odds are not in your favor.

Elon Musk

Bài viết mới

  • Lorem Ipsum Sample Content123
  • Lorem Ipsum Sample Content
  • Hello world
  • Hello world
  • Hello world
  • Wide area networks (Phần 2)
  • Wide area networks (Phần 1)
  • Redistribution (Phần Cuối)
  • Redistribution (Phần 1)
  • OSPF – Open Shortest Path First (Phần Cuối)

Nơi chia sẻ về tin công nghệ, các kinh nghiệm lập trình. Xây dựng các khoá đào tạo lập trình, mạng, tin học văn phòng...

Thông tin liên hệ

  • 2/9 Phạm Ngũ Lão, Phường 3, Đà Lạt
  • 0865802659
  • info@dalathub.com

Copyright @ 2022 Edu DaLatHub