Örnek uygulamayı çalıştırın

Neon Kicks, depodaki örnek uygulamadır. Bilinmeye değer iki ekranı vardır: her risk seviyesini kapsayan kayıtlı beş aksiyona sahip senaryolaştırılmış bir mağaza ve her katalog bloğunu fikstürlerden çizen bir bileşen galerisi.

Galeri, bu ürünün gerçekte ne render ettiğini görmenin en hızlı yoludur. Tamamen çevrim dışıdır — API yok, anahtar yok, model yok — bu sayede paket çözümlendiği anda çalışır.

git clone https://github.com/neon-apps/rendel-flutter.git
cd rendel-flutter/example
flutter run

Flutter 3.29 / Dart 3.7 veya üzerini gerektirir. Örnek yalnızca bir iOS runner ile gelir: Android için önce example/ dizininde flutter create --platforms=android . komutunu çalıştırın ve JDK 21 ile derleyin.

Galeriyi uygulama çubuğundan açın. Her bloğu, canlı bir yanıtın izlediği yolun aynısı olan ComponentRegistry.build aracılığıyla gerçek render motoru çizer; dolayısıyla baktığınız şey, bir yanıt sayfasının gösterdiğidir.

Token geçişi

Galerinin uygulama çubuğu, Rendel'in kendi açık ve koyu renk paletleri olan RendelTheme.paper() ile RendelTheme.deep() arasında geçiş yapar. themeMode değerini ayarlamadığınız sürece Rendel cihazın koyu modunu takip eder; bu nedenle kendi eşlemenizi yapmadan önce her ikisine de göz atın. Bkz. Dark mode.

Gerçek bir Rendel ile konuşma

Mağaza ekranı bir anahtara ve bir API'ye ihtiyaç duyar. İki define ile onu kendi uygulamanıza yönlendirin:

flutter run \
  --dart-define=RENDEL_KEY=rd_pk_test_yourapp_... \
  --dart-define=RENDEL_API=https://api.rendel.ai

Bunlar olmadan, varsayılan olarak http://localhost:3200 adresindeki yerel bir seed anahtarına geçer; bu da yalnızca kendi çalıştırdığınız bir yığına karşı çözümlenir.