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...
Installs 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 with every re-scan.
[](https://www.skillsdirectory.com/skills/hoangnguyen0403-react-native-styling-d2573f60)
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.
