Use Flexbox as the default layout, with flex and percentage-based dimensions instead of fixed widths. Read the current size with useWindowDimensions when a breakpoint or calculation is necessary, and recompute when the window changes; Dimensions can be used when a one-time measurement is sufficient. Centralize spacing and typography in theme constants, use Platform.select for platform differences, and avoid absolute positioning unless it is essential. Test narrow, wide, rotated, and accessibi...
Scanned 9/5/2026
Install to Claude Code
Skills Directorynpx -y skills add HoangNguyen0403/agent-skills-standard --skill react-native-styling --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of React Native Styling?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/hoangnguyen0403-react-native-styling-d2573f60)More formats (shields.io, HTML) on the badges page.
Use Flexbox as the default layout, with flex and percentage-based dimensions instead of fixed widths. Read the current size with useWindowDimensions when a breakpoint or calculation is necessary, and recompute when the window changes; Dimensions can be used when a one-time measurement is sufficient.
Centralize spacing and typography in theme constants, use Platform.select for platform differences, and avoid absolute positioning unless it is essential. Test narrow, wide, rotated, and accessibility text-size layouts rather than relying on one device size.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.
