Center

Beta

Centers children horizontally and vertically within available space.

Installation

npm install @xaui/native

Import

import { Center } from '@xaui/native/view'

Basic Usage

Minimal example showing the component with its default configuration.

import { Center } from '@xaui/native/view'

export function Example() {
  return (
    <Center>
      {/* children */}
    </Center>
  )
}

Centered child

Child centered horizontally and vertically.

import { Center } from '@xaui/native/view'
import { View } from 'react-native'

export function CenteredChildExample() {
  return (
    <Center>
      <View style={{ width: 80, height: 80, backgroundColor: '#6366f1', borderRadius: 40 }} />
    </Center>
  )
}