Xem trước trực tiếp, chạy đúng đoạn mã mà prompt mang theo
Ứng dụng hoàn chỉnhMàn hình Sẵn sàng cho Expo GoMiễn phí
Safe Areas
The safe-area scaffold once, so no screen hardcodes a 44 again: bars add the inset to their own padding, scroll views put it in the content so nothing clips, and nothing uses the iOS-only SafeAreaView. Prints the live insets for the device it is on.
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, phosphor-react-native, react-native-reanimated, react-native-safe-area-context
- 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.
