REACT-NATIVES

WIRED FOR SPEED

react-natives v2.1.2

Theme

Light

Dark

Get Started

Components

Layout

Container

A centered, max-width constrained container for page-level content.

Example

Preview

Code

Props

Container Props

Prop

Type

Default

Description

className

string

—

NativeWind utility classes to apply to the container.

size

'sm' | 'md' | 'lg' | 'xl' | 'full'

'lg'

The max-width breakpoint of the container.

Usage Guidelines

When to use

Use Container to constrain page content to a maximum width and center it horizontally.

Best practices

•

Use Container at the page level to constrain content width on large screens.

•

Pair with Stack or Box for inner layout composition.

•

Use the full size variant for full-bleed sections within a constrained page.

Accessibility

Container is a layout utility and is transparent to screen readers.

Related Components

Box

A styled View wrapper that accepts className for NativeWind utility classes.

Stack / VStack / HStack

Flex layout components for arranging children vertically (VStack), horizontally (HStack), or in a configurable direction (Stack).

React-Natives

A comprehensive React Native component library.

Documentation

Getting Started

Components

Theming

Community

GitHub

Discord

Twitter

Blog

Support

FAQ

Contact

Contributing

License