[Video Summary] Ch. 5.2 SwiftUI Lists and Passing Data Between Views (To Do List w/SwiftData app)

Mô tả nhanh

Video này hướng dẫn về cách sử dụng Lists trong SwiftUI, cách định dạng danh sách, làm việc với Navigation Title, Sections, ForEach và cách truyền dữ liệu giữa các View.

Video

Click vào hình dưới để mở:

Mô tả chi tiết

Video này hướng dẫn về cách sử dụng Lists trong SwiftUI, cách định dạng danh sách, làm việc với Navigation Title, Sections, ForEach và cách truyền dữ liệu giữa các View.

• Lists trong SwiftUI:
  • List được sử dụng để hiển thị dữ liệu dưới dạng các hàng trong một cột.
  • Có thể dùng List thay cho VStack để hiển thị danh sách các View.
  • Mặc định, các hàng trong list được thụt vào và có đường kẻ phân tách.
• NavigationLink trong List:
  • Sử dụng NavigationLink để tạo liên kết đến các view khác khi click vào một hàng trong list.
  • Thêm NavigationLink với destination và label, label chứa nội dung hiển thị, destination là view sẽ được hiển thị khi click.
  • Có thể thêm disclosure chevron (dấu ">") để báo hiệu hàng có thể click để điều hướng.
• Navigation Back Button:
  • Có thể ẩn hoặc hiện nút back trên navigation bar, nếu ẩn thì phải tự tạo button back ở trong view.
• Sections trong List:
  • Sử dụng Section để nhóm các hàng trong list thành các phần riêng biệt.
  • Thêm header cho section để làm rõ nội dung của section đó.
• Navigation Title:
  • Sử dụng navigationTitle để thêm title cho navigation bar.
  • Thay đổi style của navigation title sử dụng navigationBarTitleDisplayMode.
  • Các option có thể là .automatic (mặc định), .inline, hoặc .large.
• List Style:
  • Sử dụng listStyle để thay đổi cách hiển thị của list.
  • Các option bao gồm: .automatic, .grouped, .insetGrouped, .inset, .plain.
• ForEach trong List:
  • Sử dụng ForEach để tạo nhiều hàng trong list dựa trên một tập dữ liệu.
  • Cần có id để định danh từng phần tử trong tập dữ liệu.
• Truyền dữ liệu giữa View:
  • Khai báo biến trong View đích để nhận dữ liệu được truyền vào.
  • Trong View gốc, sử dụng biến để truyền giá trị vào View đích thông qua tham số của View đích.
  • Cần đảm bảo kiểu dữ liệu truyền vào khớp với kiểu dữ liệu đã khai báo ở view đích.
  • Cần phải truyền giá trị khởi tạo cho tất cả các biến nhận dữ liệu khi tạo preview.
• Sửa lỗi Preview:
  • Cần chú ý các lỗi ở preview vì preview cần có đầy đủ các tham số nhận dữ liệu khi khởi tạo view.
  • Các lỗi này thường phát sinh khi ta tạo các biến nhận vào ở view và view preview không có giá trị truyền vào.
• Mô phỏng dữ liệu To-Do:
  • Tạo một mảng các chuỗi để mô phỏng các mục To-Do.
  • Sử dụng ForEach để lặp qua mảng này và hiển thị mỗi mục trong list.
• Letter Markers in Xcode:
  • Các chữ cái bên cạnh tên file trên Xcode cho biết trạng thái thay đổi của file.
  • Cần commit và push lên remote để đồng bộ các thay đổi và xoá các marker báo hiệu.
• Commit and Push:
  • Cần thực hiện commit và push lần hai để đồng bộ toàn bộ thay đổi lên Git.

Chúc bạn học tập hiệu quả và có những trải nghiệm thú vị với Swift và SwiftUI!