REACT-NATIVES

WIRED FOR SPEED

react-natives v2.1.2

Theme

Light

Dark

Get Started

Components

Layout

Center

A layout component that centers its children both horizontally and vertically.

Example

Preview

Code

Props

Center Props

Prop

Type

Default

Description

className

string

—

NativeWind utility classes to apply to the center container.

Usage Guidelines

When to use

Use Center when you need to center content within a container along both axes.

Best practices

•

Use Center for empty states, loading indicators, and hero content.

•

Set an explicit height or flex when Center is not within a flex parent.

•

Combine with Box for additional padding and background styling.

Accessibility

Center renders as a View and is transparent to screen readers. Content within is read in DOM order.

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