656 hazır mobil uygulama ekranı

Gereksinimler

Bir prompt temiz oturmadan önce projenizin neye ihtiyacı olduğu, ve hiçbir şeyiniz yoksa sıfırdan nasıl başlanacağı.

Projenizin neye ihtiyacı var

Bilinçli olarak, çok az. Tasarımlar kendi kendine yeterlidir: her biri bir temadan okumak yerine kendi renklerini, boşluklarını ve yazı tipini getirir, bu yüzden önce kurulacak bir tasarım sistemi yoktur.

GereksinimNeden
Expo SDK 52 veya daha yenisiHer tasarımın test edildiği sürümler. Daha eski SDK'lar çalışabilir ama kontrol edilmez.
TypeScriptHer tasarım .tsx olarak sunulur. Bir JavaScript projesi türleri elle kaldırmayı gerektirecektir.
Bir yapay zeka kod ajanıClaude Code, Cursor, Windsurf, veya yapıştırılmış bir prompt'u kabul eden herhangi bir şey.

Henüz bir projeniz yoksa

Prompt sizin için bir tane oluşturacak, ama tercih ederseniz önce bunu kendiniz de yapabilirsiniz:

npx create-expo-app@latest my-app --template blank-typescript
cd my-app
npx expo start

Prompt neyi kurar

Her tasarım yalnızca gerçekten içe aktardığı şeyi bildirir, ve prompt sürümlerin en yenisini çekmek yerine SDK'nızla eşleşmesi için npm install yerine npx expo install kullanır. Herhangi bir tasarımın tam listesi, sayfasında "Neler dahil" altında bulunur.

  • Neredeyse her şey hareket için Reanimated ve güvenli kenar boşlukları için safe-area-context kullanır.
  • İkonlar Phosphor'dan, görüntüler expo-image'den gelir.
  • Yazı tipleri, uygulamanızın kökünde bir kez yüklenen Expo Google Fonts paketlerinden gelir.
Reanimated tek bir yapılandırma satırı gerektirir
Babel eklentisi, babel.config.js dosyasındaki plugins dizisinde son sırada olmalıdır. Yapıştırmadan sonra animasyonlar hiçbir şey yapmıyorsa, neredeyse her zaman bunun nedeni budur. Sorun giderme düzeltmeyi kapsar.