Persyaratan
Apa yang dibutuhkan proyek Anda sebelum prompt bisa terpasang rapi, dan cara memulai dari nol jika Anda belum punya apa-apa.
Apa yang dibutuhkan proyek Anda
Sangat sedikit, dengan sengaja. Desain bersifat mandiri: masing-masing membawa warna, jarak, dan font sendiri alih-alih membacanya dari tema, jadi tidak ada sistem desain yang perlu diinstal dulu.
| Persyaratan | Alasannya |
|---|---|
| Expo SDK 52 atau yang lebih baru | Versi yang digunakan untuk menguji setiap desain. SDK yang lebih lama mungkin berfungsi tapi tidak diperiksa. |
| TypeScript | Setiap desain disampaikan sebagai .tsx. Proyek JavaScript akan perlu menghapus tipenya secara manual. |
| Agen kode AI | Claude Code, Cursor, Windsurf, atau apa pun yang menerima prompt yang ditempel. |
Jika Anda belum punya proyek
Prompt akan membuatnya untuk Anda, tapi Anda bisa melakukannya lebih dulu sendiri jika lebih suka:
npx create-expo-app@latest my-app --template blank-typescript
cd my-app
npx expo startApa yang diinstal prompt
Setiap desain hanya mendeklarasikan apa yang benar-benar diimpornya, dan prompt menggunakan npx expo install alih-alih npm install agar versinya cocok dengan SDK Anda daripada menarik yang paling baru. Daftar lengkap untuk desain apa pun ada di halamannya di bawah "Yang termasuk".
- Hampir semuanya menggunakan Reanimated untuk gerakan dan safe-area-context untuk batas aman.
- Ikon berasal dari Phosphor, gambar dari expo-image.
- Font berasal dari paket Expo Google Fonts, dimuat sekali di root aplikasi Anda.
Reanimated membutuhkan satu baris konfigurasi
Plugin Babel-nya harus menjadi yang terakhir dalam array plugins di babel.config.js. Jika animasi tidak melakukan apa pun setelah ditempel, hampir selalu itulah sebabnya. Pemecahan masalah membahas perbaikannya.