React Native Styling

Priority: P1 (OPERATIONAL)

Implementation Guidelines

• StyleSheet.create: Always use over inline objects (optimized, validated).
• Flexbox: Default layout. No CSS Grid.
• Responsive: Use Dimensions, useWindowDimensions, or percentage widths.
• Theming: Centralize colors, fonts in theme/ folder.
• Platform Styles: Use Platform.select for conditional styles.
• Dark Mode: Use React Context + useColorScheme().

Responsive Design

const { width } = useWindowDimensions();
const isSmall = width < 375;