Yêu cầu
Dự án của bạn cần gì trước khi một prompt được ghép vào một cách gọn gàng, và cách bắt đầu từ đầu nếu bạn chưa có gì.
Dự án của bạn cần gì
Rất ít, một cách có chủ đích. Các thiết kế tự chứa: mỗi thiết kế mang theo màu sắc, khoảng cách và phông chữ riêng thay vì đọc từ một theme, vì vậy không có hệ thống thiết kế nào cần cài đặt trước.
| Yêu cầu | Lý do |
|---|---|
| Expo SDK 52 hoặc mới hơn | Các phiên bản mà mỗi thiết kế được kiểm tra. SDK cũ hơn có thể hoạt động nhưng không được kiểm tra. |
| TypeScript | Mỗi thiết kế được cung cấp dưới dạng .tsx. Một dự án JavaScript sẽ cần loại bỏ kiểu dữ liệu bằng tay. |
| Một tác nhân mã AI | Claude Code, Cursor, Windsurf, hoặc bất kỳ tác nhân nào chấp nhận một prompt được dán vào. |
Nếu bạn chưa có dự án
Prompt sẽ tạo một dự án cho bạn, nhưng bạn có thể tự làm trước nếu muốn:
npx create-expo-app@latest my-app --template blank-typescript
cd my-app
npx expo startPrompt cài đặt những gì
Mỗi thiết kế chỉ khai báo những gì nó thực sự import, và prompt dùng npx expo install thay vì npm install để các phiên bản khớp với SDK của bạn thay vì kéo về phiên bản mới nhất. Danh sách đầy đủ cho bất kỳ thiết kế nào đều có trên trang của nó dưới mục "Những gì có sẵn".
- Hầu như mọi thứ đều dùng Reanimated cho chuyển động và safe-area-context cho các lề an toàn.
- Biểu tượng đến từ Phosphor, hình ảnh đến từ expo-image.
- Phông chữ đến từ các gói Expo Google Fonts, được tải một lần ở gốc ứng dụng của bạn.
Reanimated cần một dòng cấu hình
Plugin Babel của nó phải là plugin cuối cùng trong mảng plugins của babel.config.js. Nếu hoạt ảnh không làm gì sau khi dán, gần như luôn luôn đây là lý do. Phần khắc phục sự cố sẽ nói về cách sửa.