Xem trước trực tiếp, chạy đúng đoạn mã mà prompt mang theo
Biểu đồMàn hình Sẵn sàng cho Expo GoMiễn phí
Progress Rings
Concentric goal rings that keep going past the goal on a thin second lap, because stopping at a full circle makes 612 and 500 look identical. Three is the limit: a fourth is thinner than the gaps and stops being readable on a phone.
Dán vào Claude Code, Cursor hoặc Windsurf. Nó sẽ xây dựng màn hình này giống hệt 1:1 trong ứng dụng của bạn.
Những gì có sẵn
- Tệp
- 2 tệp
- Phụ thuộc
- @expo-google-fonts/inter, react-native-reanimated, react-native-safe-area-context, react-native-svg
- Phông chữ
- @expo-google-fonts/inter
- Khả năng tương thích
- Expo SDK 52+, chạy được trên Expo Go
- Đã cập nhật
- 2026-09-06
Quy tắc mà thiết kế này tuân theo
Nó được giao đúng như trong bản xem trước: cùng màu sắc, cùng kiểu chữ, cùng nội dung, cùng chuyển động. Prompt yêu cầu tác nhân của bạn xây dựng đúng như vậy, không điều chỉnh theo giao diện hiện có của bạn.
