Live preview

Previzualizează o aplicație iOS nativă în iPhone Simulator.

Panoul preview rulează o aplicație iOS nativă în iPhone Simulator, prin worker-ul Mac OpenV2. Nu este necesară instalarea locală a Node.js.

Cadre de dispozitiv

Comută între profile de dispozitiv precum:

  • iPhone (mai multe dimensiuni)
  • Google Pixel
  • Samsung Galaxy

Comută orientarea landscape când testezi layout-uri late. Preview-ul suportă o preferință opțională de fundal ambiental.

Actualizări în timp real

Când AI-ul editează codul sau salvezi în editor, preview-ul reface bundle-ul și se reîmprospătează automat. Modificările complexe pot dura câteva secunde pentru compilare.

Log-uri preview

Deschide panoul preview logs pentru a vedea output-ul bundler-ului Metro, erorile și avertismentele. Folosește-l pentru a depana ecrane roșii sau eșecuri de import fără a părăsi OpenV2.

QR și preview pe dispozitiv

Pentru testare pe un telefon fizic:

  1. Deschide QR menu din header
  2. Pornește iPhone Simulator din preview-ul proiectului. Editările de fișiere reconstruiesc și relansează aplicația nativă
  3. Sau deschide URL-ul live web app dacă ai publicat

Vezi Preview on device.

Integrare cu editorul vizual

În Design mode, dă click direct pe elemente în iframe-ul preview pentru a le selecta și stiliza. Vezi Visual editor.

Limitări

  • Preview-ul în browser aproximează comportamentul nativ — testează mereu fluxurile critice pe un dispozitiv real
  • Simulatorul aproximează un dispozitiv. Folosește un build nativ înainte de trimiterea în App Store sau Google Play

Legături utile