REACT-NATIVES
WIRED FOR SPEED
react-natives v2.2.0
Theme
Light
Dark
Get Started
Menu
Components
Layout
Box
A styled View wrapper that accepts className for NativeWind utility classes.
Example
Preview
Code
Props
Box Props
Prop
Type
Default
Description
className
string
—
NativeWind utility classes to apply to the box.
Usage Guidelines
When to use
Use Box as a generic layout primitive when you need a styled container with NativeWind classes.
Best practices
•
Use Box instead of raw View when you need NativeWind className support.
•
Compose Box with Stack and Center for complex layouts.
•
Keep nesting shallow — prefer flex utilities over deeply nested Boxes.
Accessibility
Box renders as a View and inherits all accessibility props. Add accessibilityRole when the box has semantic meaning.
Related Components
Stack / VStack / HStack
Flex layout components for arranging children vertically (VStack), horizontally (HStack), or in a configurable direction (Stack).
Center
A layout component that centers its children both horizontally and vertically.
Container
A centered, max-width constrained container for page-level content.
React-Natives
A comprehensive React Native component library.
Documentation
Getting Started
Components
Theming
Community
GitHub
Discord
Twitter
Blog
Support
FAQ
Contact
Contributing
License
© 2026 React-Natives. Wired by WireServers-UI.