---
title: "Xem trước flow"
description: "Xem trước khả năng tương thích của flow trên các thiết bị để có trải nghiệm tối ưu."
---

Bạn có hai cách để xem trước flow trên các loại màn hình khác nhau:
- **Xem trước trên thiết bị**: Kiểm tra flow trông như thế nào trên thiết bị thực ở bất kỳ giai đoạn nào trong quá trình phát triển.
- **Xem trước trên Adapty Dashboard**: Xem trước flow trong khi đang thiết kế.

## Xem trước trên thiết bị \{#preview-on-devices\}

Để xem trước flow trên thiết bị thực:

1. [Tải ứng dụng Adapty từ App Store](https://apps.apple.com/us/app/adapty/id6739359219).
2. Trong flow builder, nhấp vào **Test on device**.

3. Chọn ngôn ngữ của flow.
4. Quét mã QR bằng camera thiết bị hoặc mở liên kết. Thao tác này sẽ mở flow của bạn trong ứng dụng di động Adapty.

:::note
Ở chế độ thử nghiệm, Adapty không thể truy cập sản phẩm của bạn trong các cửa hàng, vì vậy giá hiển thị trong flow không phải là giá thực.
:::

### Khắc phục sự cố \{#troubleshooting\}

---
no_index: true
---

Bạn không thể xuất bản hoặc xem trước flow nếu có bất kỳ vấn đề nào sau đây.

- Một tương tác chưa được cấu hình đầy đủ. Các trường hợp thường gặp:
    - Hành động **Open URL** chưa có URL đích.
    - Hành động **Navigate to screen** chưa có màn hình đích — cũng xảy ra khi màn hình đích bị xóa sau khi hành động đã được thiết lập.
    - Một **hành động có điều kiện** chưa có toán tử hoặc giá trị.
    - Hành động **Set Variable** chưa có biến/giá trị được gán.
    - Hành động **Purchase** chưa có sản phẩm (in-app store) hoặc chưa có Web Paywall URL (thanh toán qua web).
    - Hành động **Custom** chưa có Action ID.
    - Hành động **Show alert** có Tiêu đề hoặc Nội dung để trống.
    - Hành động **Show** hoặc **Hide** chưa chọn phần tử nào.
- Một **màn hình không có phần tử nào**.
- Một phần tử sản phẩm **chưa được gắn sản phẩm** — có thể xảy ra khi bạn xóa sản phẩm đang được tham chiếu.
- **Remote config** JSON không hợp lệ sẽ làm gián đoạn toàn bộ quá trình phân phối — bạn thậm chí không thể lưu bản nháp.

## Xem trước trên Adapty Dashboard \{#preview-in-the-adapty-dashboard\}

:::tip
Để đảm bảo flow sẵn sàng để xuất bản, hãy [xem trước trên thiết bị thực](#preview-on-devices) và xác nhận rằng flow hiển thị mà không có lỗi.
:::

Bạn có thể xem trước flow trên các loại màn hình khác nhau bằng khu vực xem trước trong flow builder. Điều này giúp đảm bảo flow của bạn trông đẹp trên nhiều thiết bị và kích thước màn hình khác nhau.

Sử dụng các điều khiển xem trước bên dưới khu vực xem trước, bạn có thể:
- Chọn thiết bị để xem trước flow.
- Chuyển đổi giữa chế độ xem ngang và dọc.
- Chuyển đổi giữa chế độ sáng và tối.
- Chuyển đổi giữa các ngôn ngữ.

:::tip
- Luôn xem trước các ngôn ngữ khác nhau, vì các ngôn ngữ khác nhau có thể có độ dài từ khác nhau và bố cục màn hình có thể trông khác nhau.
- Để xem trước các biến tùy chỉnh, hãy đặt giá trị khởi tạo cho chúng. Ví dụ: nếu bạn thêm biến `name`, bạn có thể đặt giá trị khởi tạo là `Jane Doe` để xem trước.
:::