Navigation bar là gì?
Còn gọi: thanh điều hướng
Navigation bar là thanh chứa các liên kết hoặc nút điều hướng chính, trên website thường nằm ở đầu trang, còn trên ứng dụng iOS là thanh trên cùng hiển thị tiêu đề màn hình và nút quay lại.
Hiểu kỹ hơn
Tên gọi này có nghĩa khác nhau tuỳ nền tảng. Trên website, navbar thường chứa logo bên trái, các mục menu chính và nút hành động như Đăng nhập bên phải; nó có thể dính trên đầu khi cuộn (sticky header). Trong Apple HIG, navigation bar là thanh trên cùng của màn hình ứng dụng, có tiêu đề, nút quay lại và vài nút hành động. Còn trong Material Design 3, navigation bar lại là thanh dưới đáy màn hình, tương đương tab bar của iOS. Vì vậy khi trao đổi với lập trình viên nên chỉ rõ vị trí và nền tảng. Trong Figma, navbar web thường dựng bằng auto layout ngang với logo, nhóm liên kết và nút, đặt Fill container cho chiều ngang. Ví dụ: navbar của Apple.com gồm logo và các mục Mac, iPad, iPhone. Lỗi thường gặp là nhồi quá nhiều mục khiến navbar xuống hai dòng trên màn hình nhỏ.
