Wymagania
Czego potrzebuje twój projekt, zanim prompt zadziała czysto, i jak zacząć od zera, jeśli nic nie masz.
Czego potrzebuje twój projekt
Bardzo niewiele, celowo. Projekty są samowystarczalne: każdy przynosi własne kolory, odstępy i typografię, zamiast czytać je z motywu, więc nie ma żadnego systemu projektowego do wcześniejszej instalacji.
| Wymaganie | Dlaczego |
|---|---|
| Expo SDK 52 lub nowszy | Wersje, na które testowany jest każdy projekt. Starsze SDK mogą działać, ale nie są sprawdzane. |
| TypeScript | Każdy projekt jest dostarczany jako .tsx. Projekt w JavaScript będzie wymagał ręcznego usunięcia typów. |
| Agent kodu AI | Claude Code, Cursor, Windsurf, lub cokolwiek, co przyjmuje wklejony prompt. |
Jeśli nie masz jeszcze projektu
Prompt utworzy go za ciebie, ale możesz zrobić to najpierw sam, jeśli wolisz:
npx create-expo-app@latest my-app --template blank-typescript
cd my-app
npx expo startCo instaluje prompt
Każdy projekt deklaruje tylko to, co faktycznie importuje, a prompt używa npx expo install zamiast npm install, aby wersje pasowały do twojego SDK zamiast pobierać najnowsze. Pełna lista dla każdego projektu jest na jego stronie w sekcji "Co zawiera".
- Prawie wszystko używa Reanimated do ruchu i safe-area-context do bezpiecznych marginesów.
- Ikony pochodzą z Phosphor, obrazy z expo-image.
- Czcionki pochodzą z pakietów Expo Google Fonts, ładowanych raz w korzeniu twojej aplikacji.
Reanimated wymaga jednej linijki konfiguracji
Jego wtyczka Babel musi być ostatnia w tablicy plugins w babel.config.js. Jeśli animacje nic nie robią po wklejeniu, prawie zawsze to jest przyczyna. Rozwiązywanie problemów opisuje naprawę.