FLUTTER FORM LÀ GÌ?

Form trong Flutter là widget dùng để thu thập và kiểm tra dữ liệu người dùng nhập vào. Thường dùng khi cần nhập nhiều trường và muốn kiểm tra tính hợp lệ của dữ liệu.

Sự khác nhau giữa Form + TextFormField và TextField thông thường

  • TextField là widget đơn lẻ, dùng để nhập dữ liệu mà không có sẵn cơ chế kiểm tra (validator).
  • TextFormField là một phần mở rộng của TextField, nhưng có thể đặt trong Form để dễ dàng kiểm tra dữ liệu đầu vào.
  • Khi dùng nhiều TextField rải rác, sẽ khó kiểm tra đồng loạt. Trong khi đó, Form giúp gom nhóm và gọi validate() một lần là kiểm tra được tất cả.

Vì vậy, Form + TextFormField là lựa chọn lý tưởng trong những trường hợp cần nhập nhiều trường và yêu cầu kiểm tra dữ liệu chính xác.

 


ỨNG DỤNG FORM TRONG PROJECT NOTE APP

Mục tiêu:

Các widget liên quan:

  • Form: Gom nhóm các ô nhập để kiểm tra và xử lý dễ hơn.

  • TextFormField: Ô nhập có thể kiểm tra dữ liệu bằng validator.

  • GlobalKey<FormState>: Quản lý trạng thái của Form (validate, reset…)

Trong Project :

  •  Form cần có một GlobalKey<FormState> để truy cập và điều khiển trạng thái form (ví dụ: validate, reset).
  • Mỗi TextFormField có thể có một hàm validator để tự động kiểm tra dữ liệu người dùng nhập.

Ban đầu khai báo:

Sau đó bọc toàn bộ phần nhập input trong:

Chi tiết phần validate trong TextFormField

Phần validate khi nhấn lưu

Kết quả :

 

 

About the Author

Tấn Phước

View all author's posts

Leave a Comment

Your email address will not be published. Required fields are marked *

Bài viết khác

Flutter State Management

State Management trong Flutter là quá trình quản lý và thay đổi trạng thái của widget. Khi state thay đổi, widget sẽ được cập nhật lại để phản ánh thay đổi đó. Có nhiều phương pháp quản lý state trong Flutter, mỗi phương pháp phù hợp với các loại ứng dụng khác nhau.   Các […]

Flutter Layout

Flutter Layout là gì ? Trong Flutter, layout là quá trình sắp xếp các widget con trong không gian giao diện người dùng. Flutter cung cấp nhiều widget layout giúp xây dựng giao diện ứng dụng linh hoạt và dễ dàng. Việc sử dụng đúng các widget layout sẽ giúp bạn tạo ra giao diện […]

Flutter Widget

FLUTTER WIDGET LÀ GÌ? Widget là “viên gạch” để xây nên giao diện Flutter. Mọi thứ nhìn thấy trên app đều là widget: chữ, nút bấm, ô nhập liệu, hình ảnh… Phân loại cơ bản Widget 1. StatelessWidget – Giao diện tĩnh Không thay đổi sau khi được tạo. Dùng khi widget chỉ hiển thị thông tin, […]

Flutter Package

Trong quá trình phát triển ứng dụng Flutter, để tiết kiệm thời gian và tái sử dụng các tính năng có sẵn, lập trình viên thường sử dụng Flutter package – là các thư viện (thư viện mã nguồn mở hoặc do cá nhân viết) giúp thêm các chức năng mới vào ứng dụng mà […]

Agile – Phương pháp phát triển phần mềm linh hoạt

Agile là gì? Agile là một phương pháp phát triển phần mềm linh hoạt, nhấn mạnh vào khả năng thích nghi với thay đổi, làm việc theo nhóm, và phát triển sản phẩm theo từng phần nhỏ (iterative & incremental). Agile không phải là một quy trình cụ thể, mà là một tư duy (mindset) […]

Domain – Tên miền của website trên Internet

Domain là gì? Domain (tên miền) là địa chỉ của một website mà người dùng gõ vào trình duyệt để truy cập. Ví dụ: google.com, facebook.com, mywebsite.vn đều là các tên miền. Nếu Hosting là “ngôi nhà” chứa dữ liệu của website, thì Domain là “địa chỉ nhà” – giúp người dùng tìm đến website […]