navigator
navigator là component hỗ trợ điều hướng (routing) một cách trực tiếp trong txml.
Lưu ý: navigator không hỗ trợ sự kiện onTap
Quét mã để trải nghiệm
Hoặc sử dụng link
https://tiki.vn/apps/vn.tiki.miniapp.demo?page=pages/component/basic/navigator/index
Xem code mẫu trên Tini Studiohttps://tiki.vn/apps/vn.tiki.miniapp.demo?page=pages/component/basic/navigator/index
Thuộc tính
| Thuộc tính | Kiểu dữ liệu | Mô tả |
|---|---|---|
| class | string | Class name |
| style | string | Inline style |
| open-type | string | Navigation method. Mặc định là navigate (Xem chi tiết bảng dưới) |
| url | string | Đường dẫn tới page chỉ định |
open-type
| Thuộc tính | Mô tả |
|---|---|
| navigate | Di chuyển từ màn hình hiện tại tới màn hình mong muốn trong ứng dụng. Tương tự my.navigateTo |
| redirect | Thay thế màn hình hiện tại bằng màn hình mong muốn trong ứng dụng. Tương tự my.redirectTo |
| switchTab | Nhảy tới một tab chỉ định. Tương tự my.switchTab |
| navigateBack | Đóng màn hình hiện tại và trở lại màn hình trước đó. Tương tự my.navigateBack |
| reLaunch | Đóng tất cả các pages hiện tại và nhảy tới một page nào đó trong ứng dụng. Tương tự my.reLaunch |
| exit | Thoát app. Tương tự my.exitMiniApp |
Sample Code
index.txml
<navigator open-type="navigate" url="pages/component/advance/modal/index">
Navigate to modal page
</navigator>
<navigator open-type="redirect" url="pages/component/advance/modal/index">
Redirect to modal page
</navigator>
<navigator open-type="switchTab" url="pages/api/index">
Switch to js api tab
</navigator>
<navigator open-type="navigateBack">
Navigate back
</navigator>
<navigator open-type="reLaunch" url="pages/component/advance/modal/index">
Relaunch to modal page
</navigator>
<navigator open-type="exit">
Exit app
</navigator>