Xem trước trực tiếp, chạy đúng đoạn mã mà prompt mang theo
Tiến trìnhMàn hình Sẵn sàng cho Expo GoMiễn phí
Capacity
One bar split into named parts and drawn against the capacity, so the free space is real rather than absorbed, with slivers folded into Other and the threshold marked as a line instead of a colour change.
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-08
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.
